feat: Increase dropdown width in NavBar and SidebarNav for better usability

Author: Dumbris

frontend/src/components/NavBar.vue

@@ -83,7 +83,7 @@
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
           </svg>
         </div>
-        <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow-2xl bg-base-300 rounded-box w-52 max-h-96 overflow-y-auto">
+        <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow-2xl bg-base-300 rounded-box w-64 max-h-96 overflow-y-auto">
           <li class="menu-title">
             <span>Choose theme</span>
           </li>

frontend/src/components/SidebarNav.vue

@@ -34,7 +34,7 @@
             </svg>
             <span class="flex-1 text-left">Theme</span>
           </div>
-          <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow-2xl bg-base-300 rounded-box w-52 max-h-96 overflow-y-auto mb-2">
+          <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow-2xl bg-base-300 rounded-box w-64 max-h-96 overflow-y-auto mb-2">
             <li class="menu-title">
               <span>Choose theme</span>
             </li>