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/components/modules/fun-form.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import type { FunConfigDashboard } from '@nexumi/shared';
+import { FieldAnchor } from '@/components/layout/field-anchor';
 import { useTranslations } from '@/components/locale-provider';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Label } from '@/components/ui/label';
@@ -42,6 +43,7 @@ export function FunForm({ guildId, initialValue }: FunFormProps) {
             <CardDescription>{t('modulePages.fun.description')}</CardDescription>
           </CardHeader>
           <CardContent className="space-y-4">
+            <FieldAnchor id="field-fun-enabled">
             <div className="flex items-center justify-between rounded-md border border-border p-4">
               <div className="space-y-0.5">
                 <Label>{t('modulePages.fun.enabledLabel')}</Label>
@@ -52,6 +54,8 @@ export function FunForm({ guildId, initialValue }: FunFormProps) {
                 onCheckedChange={(checked) => setValue((prev) => ({ ...prev, enabled: checked }))}
               />
             </div>
+            </FieldAnchor>
+            <FieldAnchor id="field-fun-media">
             <div className="flex items-center justify-between rounded-md border border-border p-4">
               <div className="space-y-0.5">
                 <Label>{t('modulePages.fun.mediaEnabledLabel')}</Label>
@@ -62,6 +66,7 @@ export function FunForm({ guildId, initialValue }: FunFormProps) {
                 onCheckedChange={(checked) => setValue((prev) => ({ ...prev, mediaEnabled: checked }))}
               />
             </div>
+            </FieldAnchor>
           </CardContent>
         </Card>
       )}