prettier fix

app/doctor/_components/analysis-doctor.tsx

@@ -130,7 +130,7 @@ const AnalysisDoctor = ({
             />
             {endIcon || <div className="mx-2 w-4" />}
           </>
-        ) : (isCancelled ? null : (
+        ) : isCancelled ? null : (
           <>
             <div className="flex items-center gap-3 sm:ml-auto">
               <div className="font-semibold">
@@ -140,7 +140,7 @@ const AnalysisDoctor = ({
             <div className="mx-8 w-[60px]"></div>
             <AnalysisLevelBarSkeleton />
           </>
-        ))}
+        )}
       </div>
     </div>
   );

app/doctor/_components/analysis-level-bar.tsx

@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 import { ArrowDown } from 'lucide-react';
 
 import { cn } from '@kit/ui/utils';
+
 import { AnalysisResultForDisplay } from './analysis-doctor';
 
 export enum AnalysisResultLevel {
@@ -48,7 +49,7 @@ const Level = ({
 
 export const AnalysisLevelBarSkeleton = () => {
   return (
-    <div className="mt-4 flex h-3 w-[60%] sm:w-[35%] max-w-[360px] gap-1 sm:mt-0">
+    <div className="mt-4 flex h-3 w-[60%] max-w-[360px] gap-1 sm:mt-0 sm:w-[35%]">
       <Level color="gray-200" />
     </div>
   );
@@ -65,44 +66,46 @@ const AnalysisLevelBar = ({
   level: AnalysisResultLevel;
   results: AnalysisResultForDisplay;
 }) => {
-
-  const { norm_lower: lower, norm_upper: upper, response_value: value } = results;
+  const {
+    norm_lower: lower,
+    norm_upper: upper,
+    response_value: value,
+  } = results;
   const arrowLocation = useMemo(() => {
     if (value < lower!) {
       return 0;
     }
-    
+
     if (normLowerIncluded || normUpperIncluded) {
       return 50;
     }
 
     const calculated = ((value - lower!) / (upper! - lower!)) * 100;
-    
+
     if (calculated > 100) {
       return 100;
     }
-    
+
     return calculated;
   }, [value, upper, lower]);
 
-  const [isVeryLow, isLow, isHigh, isVeryHigh] = useMemo(() => [
-    level === AnalysisResultLevel.VERY_LOW,
-    level === AnalysisResultLevel.LOW,
-    level === AnalysisResultLevel.HIGH,
-    level === AnalysisResultLevel.VERY_HIGH,
-  ], [level, value, upper, lower]);
+  const [isVeryLow, isLow, isHigh, isVeryHigh] = useMemo(
+    () => [
+      level === AnalysisResultLevel.VERY_LOW,
+      level === AnalysisResultLevel.LOW,
+      level === AnalysisResultLevel.HIGH,
+      level === AnalysisResultLevel.VERY_HIGH,
+    ],
+    [level, value, upper, lower],
+  );
 
   const hasAbnormalLevel = isVeryLow || isLow || isHigh || isVeryHigh;
 
   return (
-    <div className="mt-4 flex h-3 w-[60%] sm:w-[35%] max-w-[360px] gap-1 sm:mt-0">
+    <div className="mt-4 flex h-3 w-[60%] max-w-[360px] gap-1 sm:mt-0 sm:w-[35%]">
       {normLowerIncluded && (
         <>
-          <Level
-            isActive={isVeryLow}
-            color="destructive"
-            isFirst
-          />
+          <Level isActive={isVeryLow} color="destructive" isFirst />
           <Level isActive={isLow} color="warning" />
         </>
       )}
@@ -110,21 +113,16 @@ const AnalysisLevelBar = ({
       <Level
         isFirst={!normLowerIncluded}
         isLast={!normUpperIncluded}
-        {...(hasAbnormalLevel ? { color: "warning", isActive: false } : { color: "success", isActive: true })}
+        {...(hasAbnormalLevel
+          ? { color: 'warning', isActive: false }
+          : { color: 'success', isActive: true })}
         arrowLocation={arrowLocation}
       />
 
       {normUpperIncluded && (
         <>
-          <Level
-            isActive={isHigh}
-            color="warning"
-          />
-          <Level
-            isActive={isVeryHigh}
-            color="destructive"
-            isLast
-          />
+          <Level isActive={isHigh} color="warning" />
+          <Level isActive={isVeryHigh} color="destructive" isLast />
         </>
       )}
     </div>

app/doctor/_components/analysis-view.tsx

@@ -23,9 +23,7 @@ import {
   doctorAnalysisFeedbackFormSchema,
 } from '@kit/doctor/schema/doctor-analysis.schema';
 import ConfirmationModal from '@kit/shared/components/confirmation-modal';
-import {
-  useCurrentLocaleLanguageNames
-} from '@kit/shared/hooks';
+import { useCurrentLocaleLanguageNames } from '@kit/shared/hooks';
 import { getFullName } from '@kit/shared/utils';
 import { useUser } from '@kit/supabase/hooks/use-user';
 import { Button } from '@kit/ui/button';

app/doctor/_components/doctor-dashboard.tsx

@@ -6,6 +6,7 @@ import {
   getUserDoneResponsesAction,
   getUserInProgressResponsesAction,
 } from '@kit/doctor/actions/table-data-fetching-actions';
+
 import ResultsTableWrapper from './results-table-wrapper';
 
 export default function Dashboard() {

app/doctor/_components/doctor-guard.tsx

@@ -1,8 +1,7 @@
 import { notFound } from 'next/navigation';
 
-import { getSupabaseServerClient } from '@kit/supabase/server-client';
 import { isDoctor } from '@kit/doctor/lib/server/utils/is-doctor';
-
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
 
 type LayoutOrPageComponent<Params> = React.ComponentType<Params>;
 

app/doctor/_components/results-table.tsx

@@ -5,6 +5,7 @@ import { useTransition } from 'react';
 import Link from 'next/link';
 
 import { format } from 'date-fns';
+import { capitalize } from 'lodash';
 import { Eye } from 'lucide-react';
 
 import { getResultSetName } from '@kit/doctor/lib/helpers';
@@ -26,7 +27,6 @@ import {
 import { Trans } from '@kit/ui/trans';
 
 import DoctorJobSelect from './doctor-job-select';
-import { capitalize } from 'lodash';
 
 export default function ResultsTable({
   results = [],
@@ -189,7 +189,9 @@ export default function ResultsTable({
                   </TableCell>
                   <TableCell>
                     {capitalize(
-                      languageNames.of(result?.patient?.preferred_locale ?? 'et'),
+                      languageNames.of(
+                        result?.patient?.preferred_locale ?? 'et',
+                      ),
                     )}
                   </TableCell>
                   <TableCell>