fix: default rounded theme (#1480)

* fix: default rounded theme

* fix: format

apps/dashboard/src/components/controls-search/command-region.tsx

···
                     }}
                   >
                     <Globe className="size-3" />
-                    <span className="font-mono truncate">{location.name}</span>
+                    <span className="truncate font-mono">{location.name}</span>
                     <Check
                       className={cn(
                         "ml-auto",

apps/dashboard/src/components/data-table/maintenances/columns.tsx

···
     cell: ({ row }) => {
       const value = String(row.getValue("message"));
       return (
-        <div className="max-w-[200px] truncate text-muted-foreground prose prose-sm line-clamp-3">
+        <div className="prose prose-sm line-clamp-3 max-w-[200px] truncate text-muted-foreground">
           <ProcessMessage value={value} />
         </div>
       );

apps/dashboard/src/components/data-table/response-logs/regions/columns.tsx

···
               <Tooltip>
                 <TooltipTrigger className="flex h-[50px] items-center gap-1">
                   {region.flag}{" "}
-                  <span className="truncate max-w-[90px]">
+                  <span className="max-w-[90px] truncate">
                     {formatRegionCode(region.code)}
                   </span>
                 </TooltipTrigger>

apps/dashboard/src/components/data-table/status-report-updates/data-table.tsx

···
                 </div>
               </TableCell>
               <TableCell>
-                <div className="text-wrap prose prose-sm line-clamp-3">
+                <div className="prose prose-sm line-clamp-3 text-wrap">
                   <ProcessMessage value={update.message} />
                 </div>
               </TableCell>

apps/dashboard/src/components/forms/maintenance/form.tsx

···
             <TabsContent value="tab-2">
               <div className="grid gap-2">
                 <Label>Preview</Label>
-                <div className="rounded-md border px-3 py-2 text-foreground text-sm prose prose-sm">
+                <div className="prose prose-sm rounded-md border px-3 py-2 text-foreground text-sm">
                   <ProcessMessage value={watchMessage} />
                 </div>
               </div>

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

···
                                         onSelect={(v) => field.onChange(v)}
                                       >
                                         <span className="truncate">{name}</span>
-                                        <span className="text-muted-foreground text-xs truncate font-commit-mono">
+                                        <span className="truncate font-commit-mono text-muted-foreground text-xs">
                                           by {author.name}
                                         </span>
                                         <Check

apps/dashboard/src/components/forms/status-report-update/form.tsx

···
             <TabsContent value="tab-2">
               <div className="grid gap-2">
                 <Label>Preview</Label>
-                <div className="rounded-md border px-3 py-2 text-foreground text-sm prose prose-sm">
+                <div className="prose prose-sm rounded-md border px-3 py-2 text-foreground text-sm">
                   <ProcessMessage value={watchMessage} />
                 </div>
               </div>

apps/dashboard/src/components/forms/status-report/form.tsx

···
                 <TabsContent value="tab-2">
                   <div className="grid gap-2">
                     <Label>Preview</Label>
-                    <div className="rounded-md border px-3 py-2 text-foreground text-sm prose prose-sm">
+                    <div className="prose prose-sm rounded-md border px-3 py-2 text-foreground text-sm">
                       <ProcessMessage value={watchMessage} />
                     </div>
                   </div>

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

···
                               <span className="truncate">
                                 {THEMES[theme].name}
                               </span>
-                              <span className="text-muted-foreground text-xs truncate font-commit-mono">
+                              <span className="truncate font-commit-mono text-muted-foreground text-xs">
                                 by {THEMES[theme].author.name}
                               </span>
                               <Check

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

···
                             <span className="truncate">
                               {THEMES[theme].name}
                             </span>
-                            <span className="text-muted-foreground text-xs truncate font-commit-mono">
+                            <span className="truncate font-commit-mono text-muted-foreground text-xs">
                               by {THEMES[theme].author.name}
                             </span>
                             <Check

apps/status-page/src/components/status-page/status-tracker.tsx

···
             <HoverCardTrigger asChild>
               <div
                 className={cn(
-                  "group relative mx-px flex h-full w-full cursor-pointer flex-col outline-none first:ml-0 last:mr-0 hover:opacity-80 focus-visible:opacity-80 focus-visible:ring-[2px] focus-visible:ring-ring/50 data-[aria-pressed=true]:opacity-80",
+                  "group relative mx-px flex h-full w-full cursor-pointer flex-col rounded-full outline-none first:ml-0 last:mr-0 hover:opacity-80 focus-visible:opacity-80 focus-visible:ring-[2px] focus-visible:ring-ring/50 data-[aria-pressed=true]:opacity-80",
                 )}
                 onClick={() => handleBarClick(index)}
                 onFocus={() => handleBarFocus(index)}
···
                 {item.bar.map((segment, segmentIndex) => (
                   <div
                     key={`${item.day}-${segment.status}-${segmentIndex}`}
-                    className="w-full transition-all"
+                    className="w-full rounded-full transition-all"
                     style={{
                       height: `${segment.height}%`,
                       backgroundColor: chartConfig[segment.status].color,