Add new features and enhancements to the WebUI and dashboard components

- Updated package.json to include new dependencies: `@radix-ui/react-dialog` and `cmdk`.
- Enhanced global styles in globals.css for improved visual depth in dark mode.
- Refactored dashboard page components to improve layout and accessibility, including new icons and responsive design adjustments.
- Implemented suspense handling in commands page for better loading states.
- Improved sidebar navigation with new icons and mobile responsiveness.
- Added FieldAnchor components across various forms for better accessibility and structure.
- Enhanced commands manager with search parameter handling for improved user experience.
- Updated multiple module forms to include FieldAnchor for consistent layout and accessibility.

apps/webui/src/app/dashboard/[guildId]/commands/page.tsx

@@ -1,3 +1,4 @@
+import { Suspense } from 'react';
 import { CommandsManager } from '@/components/modules/commands-manager';
 import { getLocale, t } from '@/lib/i18n';
 import { listCommandOverridesDashboard } from '@/lib/module-configs/commands';
@@ -16,7 +17,9 @@ export default async function CommandsPage({ params }: CommandsPageProps) {
         <h1 className="text-2xl font-semibold">{t(locale, 'modulePages.commands.title')}</h1>
         <p className="text-sm text-muted-foreground">{t(locale, 'modulePages.commands.description')}</p>
       </div>
-      <CommandsManager guildId={guildId} initialCommands={commands} />
+      <Suspense fallback={null}>
+        <CommandsManager guildId={guildId} initialCommands={commands} />
+      </Suspense>
     </div>
   );
 }