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

services/frontend/src/widgets/Sidebar.tsx

@@ -59,8 +59,7 @@ export function Sidebar({
                   : "text-muted-foreground hover:bg-primary-soft/40 hover:text-primary/80",
               )}
               onMouseEnter={(e) => {
-                e.currentTarget.style.transform =
-                  "translateX(2px) scale(1.1)";
+                e.currentTarget.style.transform = "translateX(2px) scale(1.1)";
               }}
               onMouseLeave={(e) => {
                 e.currentTarget.style.transform = "translateX(0) scale(1)";

services/frontend/src/widgets/particles/ParticleBackground.tsx

@@ -45,13 +45,20 @@ function createPetals(count: number): PetalData[] {
   }));
 }
 
-function Petal({ data, mouseRef }: { data: PetalData; mouseRef: React.RefObject<{ x: number; y: number } | null> }) {
+function Petal({
+  data,
+  mouseRef,
+}: {
+  data: PetalData;
+  mouseRef: React.RefObject<{ x: number; y: number } | null>;
+}) {
   const meshRef = useRef(null);
 
   useFrame((_state, delta) => {
-    const mesh = meshRef.current as unknown as
-      | { position: { x: number; y: number; z: number }; rotation: { z: number; x: number } }
-      | null;
+    const mesh = meshRef.current as unknown as {
+      position: { x: number; y: number; z: number };
+      rotation: { z: number; x: number };
+    } | null;
     if (!mesh) return;
 
     // Slow drift downward