feat: add footer and fix TypeScript build errors

Add comprehensive footer component with:
- Four-column responsive layout (About, Resources, Documentation, Community)
- Links to all major features and GitHub repositories
- Copyright notice with dynamic year
- Attribution to Pastel CLI and David Peter
- MIT License link
- Built with acknowledgments

Fix TypeScript compilation errors:
- Remove all references to `comingSoon` property in accessibility/page.tsx
- Remove all references to `comingSoon` property in palettes/page.tsx
- Clean up conditional rendering logic

All features now properly linked and accessible.
Build now completes successfully for Docker deployment.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/accessibility/page.tsx

@@ -42,16 +42,11 @@ export default function AccessibilityPage() {
             return (
               <Link
                 key={tool.href}
-                href={tool.comingSoon ? '#' : tool.href}
-                className={`p-6 border rounded-lg bg-card hover:border-primary transition-colors ${
-                  tool.comingSoon ? 'opacity-60 cursor-not-allowed' : ''
-                }`}
+                href={tool.href}
+                className="p-6 border rounded-lg bg-card hover:border-primary transition-colors"
               >
                 <div className="flex items-start justify-between mb-4">
                   <Icon className="h-8 w-8 text-primary" />
-                  {tool.comingSoon && (
-                    <span className="text-xs bg-muted px-2 py-1 rounded">Coming Soon</span>
-                  )}
                 </div>
                 <h2 className="text-xl font-semibold mb-2">{tool.title}</h2>
                 <p className="text-sm text-muted-foreground mb-4">{tool.description}</p>

app/layout.tsx

@@ -3,6 +3,7 @@ import { Inter } from 'next/font/google';
 import './globals.css';
 import { Providers } from '@/components/providers/Providers';
 import { Navbar } from '@/components/layout/Navbar';
+import { Footer } from '@/components/layout/Footer';
 
 const inter = Inter({ subsets: ['latin'] });
 
@@ -39,6 +40,7 @@ export default function RootLayout({
         <Providers>
           <Navbar />
           {children}
+          <Footer />
         </Providers>
       </body>
     </html>

app/palettes/page.tsx

@@ -42,16 +42,11 @@ export default function PalettesPage() {
             return (
               <Link
                 key={type.href}
-                href={type.comingSoon ? '#' : type.href}
-                className={`p-6 border rounded-lg bg-card hover:border-primary transition-colors ${
-                  type.comingSoon ? 'opacity-60 cursor-not-allowed' : ''
-                }`}
+                href={type.href}
+                className="p-6 border rounded-lg bg-card hover:border-primary transition-colors"
               >
                 <div className="flex items-start justify-between mb-4">
                   <Icon className="h-8 w-8 text-primary" />
-                  {type.comingSoon && (
-                    <span className="text-xs bg-muted px-2 py-1 rounded">Coming Soon</span>
-                  )}
                 </div>
                 <h2 className="text-xl font-semibold mb-2">{type.title}</h2>
                 <p className="text-sm text-muted-foreground mb-4">{type.description}</p>