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.

landingpage/index.php

@@ -59,13 +59,14 @@ render_header(
     t($messages, 'meta.description')
 );
 ?>
-      <section class="border-b">
+      <section class="hero-section">
         <div class="container hero">
           <div class="hero-brand">
-            <img src="assets/nexumi-logo.svg" alt="" width="48" height="48">
+            <img src="assets/nexumi-logo.svg" alt="" width="56" height="56">
             <h1>Nexumi</h1>
           </div>
-          <p><?= h(t($messages, 'landing.subtitle')) ?></p>
+          <p class="hero-headline"><?= h(t($messages, 'landing.headline')) ?></p>
+          <p class="hero-subtitle"><?= h(t($messages, 'landing.subtitle')) ?></p>
           <div class="actions">
             <a class="btn btn-lg btn-primary" href="<?= h($inviteUrl) ?>" target="_blank" rel="noreferrer"><?= h(t($messages, 'landing.invite')) ?></a>
             <a class="btn btn-lg btn-secondary" href="<?= h($loginUrl) ?>"><?= h(t($messages, 'landing.login')) ?></a>
@@ -78,11 +79,11 @@ render_header(
 
       <section class="border-b">
         <div class="container stats">
-          <div class="card">
+          <div class="stat-card">
             <p class="card-label"><?= h(t($messages, 'landing.stats_guilds')) ?></p>
             <p class="card-value"><?= h($formatNumber($guildCount)) ?></p>
           </div>
-          <div class="card">
+          <div class="stat-card">
             <p class="card-label"><?= h(t($messages, 'landing.stats_users')) ?></p>
             <p class="card-value"><?= h($formatNumber($userCount)) ?></p>
           </div>
@@ -100,7 +101,7 @@ render_header(
               <h3><?= h($group['label']) ?></h3>
               <div class="grid">
                 <?php foreach ($group['modules'] as $module): ?>
-                  <div class="card">
+                  <div class="module-card">
                     <p class="module-title"><?= h($module['label']) ?></p>
                     <p class="module-desc"><?= h($module['description']) ?></p>
                   </div>