Privacy policy and navbar updates

App.tsx

@@ -123,7 +123,9 @@ export default function App() {
     <div className="flex h-screen bg-secondary">
       <aside className="w-64 bg-card border-r border-border flex flex-col">
         <div className="p-6 border-b border-border flex items-center justify-center">
+          <button onClick={() => setActiveTab('dashboard')} className="cursor-pointer">
             <img src={logo} alt="labwise" className="h-15" />
+          </button>
         </div>
         <nav className="flex-1 p-4">
           {navItems.map(item => {

components/PrivacyPolicy.tsx

@@ -1,12 +1,27 @@
+import { ArrowLeft } from 'lucide-react';
+
 const logo = '/logo.png';
 
 export function PrivacyPolicy() {
   return (
     <div className="min-h-screen bg-secondary">
-      <div className="max-w-3xl mx-auto px-6 py-12">
-        <div className="flex items-center gap-3 mb-8">
-          <img src={logo} alt="LabWise" className="h-10" />
+      {/* Navbar */}
+      <nav className="sticky top-0 z-50 bg-card border-b border-border">
+        <div className="max-w-6xl mx-auto px-6 h-14 flex items-center">
+          <a href="/">
+            <img src={logo} alt="LabWise" className="h-7" />
+          </a>
         </div>
+      </nav>
+
+      <div className="max-w-3xl mx-auto px-6 py-12">
+        <a
+          href="/"
+          className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors mb-6"
+        >
+          <ArrowLeft className="w-4 h-4" />
+          Back
+        </a>
 
         <h1 className="text-3xl font-bold text-primary mb-2">Privacy Policy</h1>
         <p className="text-muted-foreground mb-8">Last updated: April 9, 2026</p>

components/ProfileSettings.tsx

@@ -171,6 +171,12 @@ export function ProfileSettings() {
           </CardContent>
         </Card>
       </form>
+
+      <p className="text-center mt-6">
+        <a href="/privacy" className="text-xs text-muted-foreground hover:text-foreground transition-colors">
+          Privacy Policy
+        </a>
+      </p>
     </div>
   );
 }

components/auth/EmailVerification.tsx

@@ -33,7 +33,7 @@ export function EmailVerification({ email }: Props) {
       <Card className="w-full max-w-sm">
         <CardContent className="p-8 space-y-6 text-center">
           <div className="flex justify-center">
-            <img src={logo} alt="LabWise" className="h-12" />
+            <a href="/"><img src={logo} alt="LabWise" className="h-12" /></a>
           </div>
           <div className="flex justify-center">
             <div className="rounded-full bg-accent p-4">

components/auth/ForgotPassword.tsx

@@ -39,7 +39,7 @@ export function ForgotPassword({ onBack }: Props) {
       <Card className="w-full max-w-sm">
         <CardContent className="p-8 space-y-6">
           <div className="flex justify-center">
-            <img src={logo} alt="LabWise" className="h-12" />
+            <a href="/"><img src={logo} alt="LabWise" className="h-12" /></a>
           </div>
 
           {sent ? (

components/auth/LoginForm.tsx

@@ -102,7 +102,7 @@ export function LoginForm({ onSignUp, onForgotPassword }: Props) {
       {/* Sticky Navbar */}
       <nav className="sticky top-0 z-50 bg-card border-b border-border">
         <div className="max-w-6xl mx-auto px-6 h-14 flex items-center justify-between">
-          <img src={logo} alt="LabWise" className="h-7" />
+          <a href="/"><img src={logo} alt="LabWise" className="h-7" /></a>
           <div className="flex items-center gap-2">
             <Button variant="ghost" size="sm" onClick={scrollToAbout}>
               About
@@ -218,6 +218,12 @@ export function LoginForm({ onSignUp, onForgotPassword }: Props) {
                 Create account
               </button>
             </div>
+
+            <div className="text-center">
+              <a href="/privacy" className="text-xs text-muted-foreground hover:text-foreground transition-colors">
+                Privacy Policy
+              </a>
+            </div>
           </CardContent>
         </Card>
 
@@ -285,7 +291,7 @@ export function LoginForm({ onSignUp, onForgotPassword }: Props) {
         <div className="border-t border-border">
           <div className="max-w-5xl mx-auto px-6 py-6 flex items-center justify-between text-xs text-muted-foreground">
             <span>© {new Date().getFullYear()} LabWise</span>
-            <span>Built for research labs</span>
+            <a href="/privacy" className="hover:text-foreground transition-colors">Privacy Policy</a>
           </div>
         </div>
       </section>

components/auth/ResetPassword.tsx

@@ -46,7 +46,7 @@ export function ResetPassword({ onSuccess }: Props) {
       <Card className="w-full max-w-sm">
         <CardContent className="p-8 space-y-6">
           <div className="flex justify-center">
-            <img src={logo} alt="LabWise" className="h-12" />
+            <a href="/"><img src={logo} alt="LabWise" className="h-12" /></a>
           </div>
 
           {done ? (

components/auth/SignUpForm.tsx

@@ -123,7 +123,7 @@ export function SignUpForm({ onLogin }: Props) {
       <Card className="w-full max-w-sm">
         <CardContent className="p-8 space-y-6">
           <div className="flex justify-center">
-            <img src={logo} alt="LabWise" className="h-12" />
+            <a href="/"><img src={logo} alt="LabWise" className="h-12" /></a>
           </div>
           <p className="text-center text-muted-foreground text-sm">
             Create your LabWise account.