add head and footer to simulator

src/app/simulator/[id]/page.tsx

@@ -4,6 +4,8 @@ import { useState, useEffect, useRef, useCallback } from 'react'
 import { useTranslations } from 'next-intl'
 import { useAuthUser } from '@/hooks/useAuthUser'
 import { useRouter } from 'next/navigation'
+import { Header } from '@/components/layout/Header'
+import { Footer } from '@/components/layout/Footer'
 import { Button } from '@/components/ui/button'
 import { Card } from '@/components/ui/card'
 import { LoadingSpinner } from '@/components/ui/loading-spinner'
@@ -235,7 +237,10 @@ export default function SimulatorRunPage({ params }: { params: Promise<{ id: str
   const currentOutput = (isExecuting && run.status === 'pending') ? streamOutput : run.output
 
   return (
-    <div className="container mx-auto px-4 py-8 max-w-6xl">
+    <div className="min-h-screen">
+      <Header />
+      
+      <div className="container mx-auto px-4 py-8 max-w-6xl">
       {/* Header */}
       <div className="mb-8">
         <div className="flex items-center space-x-4 mb-4">
@@ -529,6 +534,9 @@ export default function SimulatorRunPage({ params }: { params: Promise<{ id: str
           </Card>
         </div>
       </div>
+      </div>
+      
+      <Footer />
     </div>
   )
 }

src/app/simulator/new/page.tsx

@@ -4,6 +4,8 @@ import { useState, useEffect } from 'react'
 import { useTranslations } from 'next-intl'
 import { useAuthUser } from '@/hooks/useAuthUser'
 import { useRouter } from 'next/navigation'
+import { Header } from '@/components/layout/Header'
+import { Footer } from '@/components/layout/Footer'
 import { Button } from '@/components/ui/button'
 import { Card } from '@/components/ui/card'
 import { LoadingSpinner } from '@/components/ui/loading-spinner'
@@ -176,7 +178,10 @@ export default function NewSimulatorRunPage() {
   }
 
   return (
-    <div className="container mx-auto px-4 py-8 max-w-4xl">
+    <div className="min-h-screen">
+      <Header />
+      
+      <div className="container mx-auto px-4 py-8 max-w-4xl">
       {/* Header */}
       <div className="mb-8">
         <div className="flex items-center space-x-4 mb-4">
@@ -474,6 +479,9 @@ export default function NewSimulatorRunPage() {
           </div>
         </form>
       )}
+      </div>
+      
+      <Footer />
     </div>
   )
 }

src/app/simulator/page.tsx

@@ -3,6 +3,8 @@
 import { useState, useEffect, useCallback } from 'react'
 import { useTranslations } from 'next-intl'
 import { useAuthUser } from '@/hooks/useAuthUser'
+import { Header } from '@/components/layout/Header'
+import { Footer } from '@/components/layout/Footer'
 import { Button } from '@/components/ui/button'
 import { Card } from '@/components/ui/card'
 import { LoadingSpinner } from '@/components/ui/loading-spinner'
@@ -158,7 +160,10 @@ export default function SimulatorPage() {
   const stats = getRunStats()
 
   return (
-    <div className="container mx-auto px-4 py-8 max-w-7xl">
+    <div className="min-h-screen">
+      <Header />
+      
+      <div className="container mx-auto px-4 py-8 max-w-7xl">
       {/* Header */}
       <div className="mb-8">
         <div className="flex items-center justify-between">
@@ -442,6 +447,9 @@ export default function SimulatorPage() {
           </Button>
         </div>
       )}
+      </div>
+      
+      <Footer />
     </div>
   )
 }

src/components/layout/Footer.tsx

@@ -0,0 +1,18 @@
+import { Logo } from '@/components/ui/logo'
+
+export function Footer() {
+  return (
+    <footer className="border-t py-12">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex flex-col md:flex-row justify-between items-center">
+          <div className="mb-4 md:mb-0">
+            <Logo size={32} showText={true} />
+          </div>
+          <div className="text-muted-foreground text-sm">
+            © 2024 Prmbr. All rights reserved.
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}