style(frontend): organize imports alphabetically and improve code formatting

services/frontend/src/shared/ui/badge.tsx

@@ -11,8 +11,7 @@ type BadgeVariant =
 
 const variants: Record<BadgeVariant, string> = {
   default: "border-transparent bg-primary text-primary-foreground",
-  secondary:
-    "border-transparent bg-muted text-muted-foreground",
+  secondary: "border-transparent bg-muted text-muted-foreground",
   destructive: "border-transparent bg-[#FCA5A5] text-red-800",
   outline: "border-border text-foreground",
   success: "border-transparent bg-[#BBF7D0] text-green-800",

services/frontend/src/shared/ui/button.tsx

@@ -11,12 +11,10 @@ type ButtonVariant =
 type ButtonSize = "default" | "sm" | "lg" | "icon";
 
 const variants: Record<ButtonVariant, string> = {
-  default:
-    "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+  default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
   secondary: "bg-[#FFB7C5] text-[#1a1a2e] hover:bg-[#FFB7C5]/80",
   destructive: "bg-[#FCA5A5] text-[#1a1a2e] hover:bg-[#FCA5A5]/80",
-  outline:
-    "border border-border bg-white hover:bg-primary-soft",
+  outline: "border border-border bg-white hover:bg-primary-soft",
   ghost: "hover:bg-primary-soft",
 };
 

services/frontend/src/shared/ui/index.ts

@@ -1,5 +1,6 @@
 // ─── Shared UI barrel export ────────────────────────────────────────────────
 
+export { EmptyStateMascot } from "../../widgets/mascot/ChibiMascot";
 export { Badge } from "./badge";
 export { Button } from "./button";
 export {
@@ -16,4 +17,3 @@ export { Select } from "./select";
 export { Skeleton } from "./skeleton";
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs";
 export { ToastProvider, useToast } from "./toast";
-export { EmptyStateMascot } from "../../widgets/mascot/ChibiMascot";

services/frontend/src/shared/ui/toast.tsx

@@ -87,7 +87,9 @@ function ToastContainer() {
           )}
           onClick={() => removeToast(toast.id)}
         >
-          <span className="text-base leading-none">{typeIcons[toast.type]}</span>
+          <span className="text-base leading-none">
+            {typeIcons[toast.type]}
+          </span>
           <span>{toast.message}</span>
         </div>
       ))}