fix: sidenav style optimization

ui/src/common/color.scss

@@ -101,7 +101,8 @@
     background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
   }
   /** side nav **/
-  #sideNav {
+  #sideNav,
+  #answerAccordion {
     .nav-link:hover,
     .nav-link.active {
       background-color: #2b3035 !important;

ui/src/components/AdminSideNav/index.scss

@@ -1,17 +0,0 @@
-#sideNav {
-  max-width: 208px;
-  .nav-link {
-    color: var(--an-side-nav-link);
-  }
-  .nav-link:focus-visible {
-    box-shadow: none;
-  }
-  .nav-link:hover {
-    color: var(--an-side-nav-link-hover-color);
-    background-color: var(--bs-gray-100);
-  }
-  .nav-link.active {
-    color: var(--an-side-nav-link-hover-color);
-    background-color: var(--bs-gray-200);
-  }
-}

ui/src/components/AdminSideNav/index.tsx

@@ -9,8 +9,6 @@ import { ADMIN_NAV_MENUS } from '@/common/constants';
 import { useQueryPlugins } from '@/services';
 import { interfaceStore } from '@/stores';
 
-import './index.scss';
-
 const AdminSideNav = () => {
   const { t } = useTranslation('translation', { keyPrefix: 'btns' });
   const interfaceLang = interfaceStore((_) => _.interface.language);

ui/src/components/SideNav/index.scss

@@ -19,9 +19,9 @@
 
 #pcSideNav {
   width: 240px;
-  top: 62px;
+  top: 64px;
   box-sizing: border-box;
-  height: calc(100vh - 62px);
+  height: calc(100vh - 64px);
   overflow-y: auto;
   flex: none;
 }