fix: theme command (#1483)

apps/dashboard/src/components/forms/status-page/form-configuration.tsx

···
                                   !field.value && "text-muted-foreground",
                                 )}
                               >
-                                {THEMES[field.value as ThemeKey]?.name ||
-                                  "Select a theme"}
+                                <span className="truncate">
+                                  {THEMES[field.value as ThemeKey]?.name ||
+                                    "Select a theme"}
+                                </span>
                                 <ChevronsUpDown className="opacity-50" />
                               </Button>
                             </FormControl>

apps/status-page/src/components/status-page/floating-button.tsx

···
 import { ThemeSelect } from "@/components/themes/theme-select";
 import { Button } from "@/components/ui/button";
 import {
+  Command,
   CommandEmpty,
   CommandGroup,
   CommandInput,
···
 import { Separator } from "@/components/ui/separator";
 import { cn } from "@/lib/utils";
 import { THEMES, THEME_KEYS } from "@openstatus/theme-store";
-import { Check, ChevronsUpDown, Command, Settings } from "lucide-react";
+import { Check, ChevronsUpDown, Settings } from "lucide-react";
 import { useTheme } from "next-themes";
 import { parseAsString, useQueryState } from "nuqs";
 import type React from "react";
···
                       role="combobox"
                       className="w-full justify-between font-normal"
                     >
-                      {communityTheme}
+                      <span className="truncate">
+                        {THEMES[communityTheme].name}
+                      </span>
                       <ChevronsUpDown className="opacity-50" />
                     </Button>
                   </PopoverTrigger>

apps/status-page/src/components/status-page/floating-theme.tsx

···
                     role="combobox"
                     className="w-full justify-between font-normal"
                   >
-                    {THEMES[communityTheme].name}
+                    <span className="truncate">
+                      {THEMES[communityTheme].name}
+                    </span>
                     <ChevronsUpDown className="opacity-50" />
                   </Button>
                 </PopoverTrigger>