Made Player page plugins tabs cleaner

- Added a collapse
- Only show servers for which there's plugin data.

Author: AuroraLS3

Plan/react/dashboard/src/views/layout/PlayerPage.js

@@ -42,14 +42,20 @@ const PlayerPage = () => {
             {name: 'html.label.servers', icon: faNetworkWired, href: "servers", permission: 'page.player.servers'}
         ]
 
-        player?.extensions?.map(extension => {
-            return {
-                name: `${t('html.label.plugins')} (${extension.serverName})`,
-                icon: faCubes,
-                href: `plugins/${encodeURIComponent(extension.serverName)}`,
-                permission: 'page.player.plugins'
-            }
-        }).forEach(item => items.push(item));
+        items.push({
+            name: 'html.label.plugins',
+            permission: 'page.player.plugins',
+            icon: faCubes,
+            contents: player?.extensions?.filter(extension => extension?.extensionData?.length)
+                .map(extension => {
+                    return {
+                        name: `${t('html.label.plugins')} (${extension.serverName})`,
+                        icon: faCubes,
+                        href: `plugins/${encodeURIComponent(extension.serverName)}`,
+                        permission: 'page.player.plugins'
+                    }
+                })
+        });
 
         setSidebarItems(items);
         window.document.title = `Plan | ${player?.info?.name}`;