chore: gray out user buttons when they are disabled

solves #DEV-140

apps/web/src/components/navbar/navbar.tsx

@@ -129,7 +129,7 @@ export const Navbar = (props: NavbarComponentProps) => {
                             e.stopPropagation();
                             setSubMenuOpen(subMenuOpen === 'changeDb' ? undefined : 'changeDb');
                           }}
-                          className={`${session.databases.length === 0 ? 'btn-disabled' : ''} ${
+                          className={`${session.databases.length === 0 ? 'btn-disabled text-gray-300' : ''} ${
                             subMenuOpen === 'changeDb' ? 'btn-active' : ''
                           }`}
                         >
@@ -150,7 +150,7 @@ export const Navbar = (props: NavbarComponentProps) => {
                       <li>
                         <button
                           onClick={() => setSubMenuOpen(subMenuOpen === 'deleteDb' ? undefined : 'deleteDb')}
-                          className={`${session.databases.length === 0 ? 'btn-disabled' : ''} ${
+                          className={`${session.databases.length === 0 ? 'btn-disabled text-gray-300' : ''} ${
                             subMenuOpen === 'deleteDb' ? 'btn-active' : ''
                           }`}
                         >