style: Improve SCSS formatting for better readability in AIAssistantModal and ProcessingPage

Author: adamrefaey

frontend/src/common/components/AIAssistant/AIAssistantModal.scss

@@ -5,7 +5,9 @@
   --box-shadow: 0 -0.25rem 1rem rgba(0, 0, 0, 0.1);
   --backdrop-opacity: 0.3;
   align-items: flex-end;
-  transition: --height 0.3s ease-out, --max-height 0.3s ease-out;
+  transition:
+    --height 0.3s ease-out,
+    --max-height 0.3s ease-out;
 
   &.expanded {
     --height: 85vh;

frontend/src/common/hooks/useFileUpload.ts

@@ -99,7 +99,7 @@ export const useFileUpload = ({
         setError(
           validation.errorKey
             ? t(validation.errorKey, validation.params)
-            : validation.error ?? t('upload.error.unknown'),
+            : (validation.error ?? t('upload.error.unknown')),
         );
         return;
       }

frontend/src/pages/Chat/__tests__/ChatPage.test.tsx

@@ -34,12 +34,11 @@ interface MockComponentProps {
 vi.mock('@ionic/react', () => {
   const createMockComponent =
     (name: string) =>
-    ({ className, children, ...props }: MockComponentProps) =>
-      (
-        <div data-testid={`mock-${name}`} className={className} {...props}>
-          {children}
-        </div>
-      );
+    ({ className, children, ...props }: MockComponentProps) => (
+      <div data-testid={`mock-${name}`} className={className} {...props}>
+        {children}
+      </div>
+    );
 
   return {
     IonPage: createMockComponent('ion-page'),

frontend/src/pages/Processing/ProcessingPage.scss

@@ -64,7 +64,9 @@
       height: 180px;
       border-radius: 50%;
       background: radial-gradient(circle at 30% 30%, #4f7dff 10%, #c97eff 40%, #ff8afc 80%);
-      box-shadow: 0 0 40px rgba(201, 126, 255, 0.5), 0 0 80px rgba(201, 126, 255, 0.3);
+      box-shadow:
+        0 0 40px rgba(201, 126, 255, 0.5),
+        0 0 80px rgba(201, 126, 255, 0.3);
       position: relative;
       overflow: hidden;
       animation: pulse 3s infinite ease-in-out;
@@ -155,7 +157,9 @@
     font-weight: 500;
     font-size: 1rem;
     cursor: pointer;
-    transition: background-color 0.2s, color 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s;
 
     &:hover {
       background-color: var(--ion-color-primary-tint);