feat: implement R42 chat infrastructure with Anthropic API integration and custom design system

src/App.jsx

@@ -2,6 +2,8 @@ import React from 'react'
 import { Routes, Route, Navigate, Link } from 'react-router-dom'
 import { BookOpen, CheckSquare, LayoutDashboard, Trophy, Settings, LogOut } from 'lucide-react'
 import { useApp } from './store/AppContext'
+import Mark from './components/ui/Mark'
+import ChatLauncher from './components/chat/ChatLauncher'
 
 import Login from './pages/Login'
 import Dashboard from './pages/Dashboard'
@@ -29,8 +31,9 @@ const ProtectedRoute = ({ children, requireAdmin }) => {
     <div className="min-h-screen bg-bg text-fg font-sans flex flex-col pb-16 md:pb-0">
       {/* Top Navigation Bar */}
       <nav className="bg-bg-dark text-paper p-4 shadow-soft flex justify-between items-center sticky top-0 z-50">
-        <Link to="/" className="flex items-center">
-          <img src="/images/logo-light.png" alt="Respellion Logo" className="h-6 md:h-8 object-contain" />
+        <Link to="/" className="flex items-center gap-2" aria-label="Respellion home">
+          <Mark state="idle" size={28} brace="#ECE9E9" letter="#ECE9E9" />
+          <span className="text-paper font-semibold tracking-tight text-base md:text-lg">respellion</span>
         </Link>
         
         {/* Desktop Links */}
@@ -74,6 +77,8 @@ const ProtectedRoute = ({ children, requireAdmin }) => {
       <main className="flex-1 w-full max-w-[var(--max)] mx-auto">
         {children}
       </main>
+
+      <ChatLauncher />
     </div>
   )
 }