Fix: resolve all TypeScript errors — exclude server code from tsc, fix styled-jsx → standard style tags, fix leftover router.push → navigate(), add sharp.d.ts stub

src/components/audio/speech-button.tsx

@@ -106,7 +106,7 @@ export function SpeechButton({
           )}
 
           {/* Injected keyframes */}
-          <style jsx>{`
+          <style>{`
             @keyframes speech-bar {
               0% {
                 height: 3px;

src/components/slide-renderer/Editor/HighlightOverlay.tsx

@@ -95,7 +95,7 @@ export function HighlightOverlay() {
       })}
 
       {/* CSS animation (breathing light effect) */}
-      <style jsx>{`
+      <style>{`
         @keyframes breathe {
           0%,
           100% {

src/components/slide-renderer/components/element/ImageElement/ImageClipHandler.tsx

@@ -568,7 +568,7 @@ export function ImageClipHandler({
         ))}
       </div>
 
-      <style jsx>{`
+      <style>{`
         .clip-point {
           position: absolute;
           width: 16px;

src/pages/HomePage.tsx

@@ -798,8 +798,7 @@ function HomePage() {
                           confirmingDelete={pendingDeleteId === classroom.id}
                           onConfirmDelete={() => confirmDelete(classroom.id)}
                           onCancelDelete={() => setPendingDeleteId(null)}
-                          onClick={() => router.push(`/classroom/${classroom.id}`)}
-                        />
+                          onClick={() => navigate(`/classroom/${classroom.id}`)}                        />
                       </motion.div>
                     ))}
                   </div>

src/sharp.d.ts

@@ -0,0 +1,5 @@
+// Stub for sharp — server-only module, not available in browser
+declare module 'sharp' {
+  const sharp: any;
+  export default sharp;
+}

tsconfig.app.json

@@ -30,5 +30,9 @@
     "noUnusedParameters": false,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": [
+    "src/api-routes/**",
+    "src/lib/server/**"
+  ]
 }