feat: groups sidebar collapsible (#1094)

* wip

* wip

* add prettier formatter config for pug files

* feat: groups sidebar collapsible (#1079)

* rm old code

src/app.js

@@ -36,6 +36,7 @@ import ModerationTab from './views/tabs/Moderation.vue';
 
 // components
 import SimpleSwitch from './components/settings/SimpleSwitch.vue';
+import GroupsSidebar from './components/sidebar/GroupsSidebar.vue';
 
 // main app classes
 import _sharedFeed from './classes/sharedFeed.js';
@@ -166,7 +167,11 @@ console.log(`isLinux: ${LINUX}`);
 
             // components
             // - settings
-            SimpleSwitch
+            SimpleSwitch,
+
+            // components
+            // - sidebar(friendsListSidebar)
+            GroupsSidebar
         },
         el: '#x-app',
         async mounted() {
@@ -23120,7 +23125,9 @@ console.log(`isLinux: ${LINUX}`);
         return LINUX;
     };
 
-    // friendsListSiderBar
+    // friendsListSidebar
+    //  - SidebarGroupByInstance
+
     $app.methods.handleSwitchGroupByInstance = async function () {
         this.isSidebarGroupByInstance = !this.isSidebarGroupByInstance;
         await configRepository.setBool(
@@ -23129,9 +23136,6 @@ console.log(`isLinux: ${LINUX}`);
         );
     };
 
-    // friendsListSidebar
-    //  - SidebarGroupByInstance
-
     $app.data.isSidebarGroupByInstance = await configRepository.getBool(
         'VRCX_sidebarGroupByInstance',
         true