fix: format code for better readability in navbar and model picker components

Author: kshitijrajsharma

frontend/src/components/layouts/navbar/navbar.tsx

@@ -55,7 +55,7 @@ export const NavBar = () => {
   const location = useLocation();
   const isTryFairPage = location.pathname.includes(APPLICATION_ROUTES.TRY_FAIR);
   const isHankoAuth = AUTH_PROVIDER === "hanko";
-  return (  
+  return (
     <>
       <Drawer
         open={open}
@@ -108,7 +108,7 @@ export const NavBar = () => {
             ) : isAuthenticated ? (
               <UserProfile
                 isHanko={isHankoAuth}
-                hideFullName={isHankoAuth}  
+                hideFullName={isHankoAuth}
                 variant="list"
                 onNavigate={() => setOpen(false)}
                 setOpen={setOpen}

frontend/src/features/try-fair/components/model-picker-modal.tsx

@@ -69,8 +69,9 @@ export const ModelPicker: React.FC<ModelPickerProps> = ({
       </div>
 
       <ChevronDownIcon
-        className={`w-4 h-4 shrink-0 text-grey transition-transform ${isOpen ? "rotate-180" : ""
-          }`}
+        className={`w-4 h-4 shrink-0 text-grey transition-transform ${
+          isOpen ? "rotate-180" : ""
+        }`}
       />
     </div>
   );
@@ -134,17 +135,19 @@ export const ModelPickerContent = ({
             key={model.id}
             type="button"
             onClick={() => onSelect(model)}
-            className={`text-left p-3 bg-frosted-blue rounded-lg  transition-colors ${isSelected ? "border-primary border-2" : ""
-              }`}
+            className={`text-left p-3 bg-frosted-blue rounded-lg  transition-colors ${
+              isSelected ? "border-primary border-2" : ""
+            }`}
           >
             <div className="flex space-y-2 items-start justify-between gap-2 mb-1">
               <p className="text-dark capitalize text-sm font-bold leading-tight">
                 {model?.properties?.title ?? ""}
               </p>
 
               <span
-                className={`mt-0.5 shrink-0 w-4 h-4 rounded-full  flex items-center justify-center ${isSelected ? "border-primary border-2" : ""
-                  }`}
+                className={`mt-0.5 shrink-0 w-4 h-4 rounded-full  flex items-center justify-center ${
+                  isSelected ? "border-primary border-2" : ""
+                }`}
               >
                 {isSelected && (
                   <span className="w-2 h-2 rounded-full bg-primary" />