fix frontend formatting

Author: yangm2

frontend/README.md

@@ -19,7 +19,7 @@ import { useVersion } from "./hooks/useVersion";
 
 function MyComponent() {
   const { version, loading, error } = useVersion();
-  
+
   return (
     <div>
       {loading ? "Loading..." : error ? "Version unavailable" : `v${version}`}
@@ -70,4 +70,4 @@ The frontend version automatically reflects the backend version. To create a new
 - **Vite** for build tooling and development server
 - **Tailwind CSS** for styling
 - **React Router** for navigation
-- **TanStack Query** for API state management
+- **TanStack Query** for API state management

frontend/src/hooks/useVersion.tsx

@@ -15,7 +15,7 @@ export function useVersion() {
       try {
         const response = await fetch("/api/version");
         const data: VersionResponse = await response.json();
-        
+
         if (response.ok) {
           setVersion(data.version);
         } else {
@@ -32,4 +32,4 @@ export function useVersion() {
   }, []);
 
   return { version, loading, error };
-}
+}

frontend/src/pages/Chat/components/Navbar.tsx

@@ -78,13 +78,11 @@ export default function Navbar() {
           <hr className="my-2 border-t border-gray-300" />
           <div className="mt-auto pb-4">
             <div className="text-xs text-gray-500 text-center">
-              {loading ? (
-                "Loading version..."
-              ) : error ? (
-                "Version unavailable"
-              ) : (
-                `v${version}`
-              )}
+              {loading
+                ? "Loading version..."
+                : error
+                  ? "Version unavailable"
+                  : `v${version}`}
             </div>
           </div>
         </div>