feat(*): Make page content wider

src/lib/components/AssessmentFeedback.svelte

@@ -9,7 +9,7 @@
   export let reasoning: string = '';
 </script>
 
-<section class="max-w-xl mx-auto bg-white rounded shadow p-6 mt-8">
+<section class="max-w-4xl mx-auto bg-white rounded shadow p-6 mt-8">
   <h2 class="text-xl font-bold mb-4 text-blue-700">AI Assessment Feedback</h2>
   <div class="mb-2"><span class="font-semibold">Grade:</span> {grade}</div>
   <div class="mb-2"><span class="font-semibold">Strengths:</span> {strengths}</div>

src/routes/about/+page.svelte

@@ -1,4 +1,4 @@
-<section class="max-w-xl mx-auto py-12">
+<section class="max-w-4xl mx-auto py-12">
   <h1 class="text-2xl font-bold mb-4">About This Project</h1>
   <p class="mb-6">This AI-powered agent was created for the Microsoft Hack Together: AI Agents Hackathon 2025. It automates assessment and feedback for teachers using advanced AI and agentic workflows.</p>
   <ul class="list-disc list-inside">

src/routes/results/+page.svelte

@@ -31,7 +31,7 @@ onMount(() => {
 </script>
 
 <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 bg-blue-100 text-blue-700 px-2 py-1 rounded">Skip to main content</a>
-<section id="main-content" class="max-w-xl mx-auto py-12">
+<section id="main-content" class="max-w-4xl mx-auto py-12">
   <div class="flex justify-between items-center mb-4">
     <h1 class="text-2xl font-bold">Assessment Results</h1>
     <a href="/upload" class="bg-blue-100 text-blue-700 px-3 py-1 rounded hover:bg-blue-200 transition" aria-label="Back to upload page">Back to Upload</a>