refactor: polish UI of admin dashboard users module (#48)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

packages/hoppscotch-sh-admin/src/components/app/Header.vue

@@ -22,10 +22,6 @@
     </div>
 
     <div class="flex items-center">
-      <button class="flex mx-4 text-gray-400 focus:outline-none toggle-dark">
-        <icon-lucide-bell class="text-gray-300 w-6" />
-      </button>
-
       <div v-if="currentUser" class="relative">
         <button
           @click="dropdownOpen = !dropdownOpen"
@@ -66,12 +62,6 @@
             v-show="dropdownOpen"
             class="absolute right-0 z-20 w-48 py-2 mt-2 bg-zinc-800 rounded-md shadow-xl"
           >
-            <HoppSmartItem to="/profile" :icon="IconUser" :label="'Profile'" />
-            <HoppSmartItem
-              to="/settings"
-              :icon="IconSettings"
-              :label="'Settings'"
-            />
             <AppLogout ref="logout" />
           </div>
         </transition>
@@ -81,8 +71,6 @@
 </template>
 
 <script setup lang="ts">
-import IconSettings from '~icons/lucide/settings';
-import IconUser from '~icons/lucide/user';
 import { ref } from 'vue';
 import { useReadonlyStream } from '~/composables/stream';
 import { useSidebar } from '~/composables/useSidebar';

packages/hoppscotch-sh-admin/src/components/app/Sidebar.vue

@@ -38,7 +38,7 @@
               :class="route.name === '/dashboard' ? 'white' : 'gray'"
             />
 
-            <span v-if="isExpanded" class="mx-4">Dashboard</span>
+            <span v-if="isExpanded" class="mx-4 font-semibold">Dashboard</span>
           </router-link>
 
           <router-link
@@ -51,7 +51,7 @@
               :class="route.path === '/users' ? 'white' : 'gray'"
             />
 
-            <span v-if="isExpanded" class="mx-4">Users</span>
+            <span v-if="isExpanded" class="mx-4 font-semibold">Users</span>
           </router-link>
 
           <router-link
@@ -64,20 +64,7 @@
               :class="route.name === '/teams' ? 'white' : 'gray'"
             />
 
-            <span v-if="isExpanded" class="mx-4">Teams</span>
-          </router-link>
-
-          <router-link
-            class="flex items-center px-6 py-4 duration-200 border-l-4 rounded-sm"
-            :class="[route.name === '/settings' ? activeClass : inactiveClass]"
-            to="/settings"
-          >
-            <icon-lucide-settings
-              class="text-xl"
-              :class="route.name === '/settings' ? 'white' : 'gray'"
-            />
-
-            <span v-if="isExpanded" class="mx-4">Settings</span>
+            <span v-if="isExpanded" class="mx-4 font-semibold">Teams</span>
           </router-link>
         </nav>
       </div>