Fix mobile nav menu closing immediately on larger screens

Use window.matchMedia('(min-width: 80rem)') instead of a hardcoded
pixel comparison in the x-resize handler. The mismatch between the
CSS breakpoint (80rem) and the JS check (1280px) caused the menu to
close immediately when scrollbar removal changed the body width.

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

Author: simonhamp

resources/views/components/layout.blade.php

@@ -104,7 +104,7 @@
         }"
         x-resize="
             width = $width
-            if (width >= 1280) {
+            if (window.matchMedia('(min-width: 80rem)').matches) {
                 showMobileMenu = false
                 showDocsMenu = false
             }

tests/Feature/NavigationMobileMenuBreakpointTest.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace Tests\Feature;
+
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class NavigationMobileMenuBreakpointTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_mobile_menu_resize_handler_uses_media_query_breakpoint(): void
+    {
+        $response = $this->get('/');
+
+        $response->assertStatus(200);
+        $response->assertSee("window.matchMedia('(min-width: 80rem)').matches", false);
+    }
+}