UI: full-width pages (shell standard 2026-07-24)

Page wrappers drop their max-w cap in line with the shell's style guide: the
page uses the whole content area. Single-column create/edit forms keep a capped
column (w-full max-w-2xl) so their inputs stay readable.

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

resources/js/Pages/Ticketing/Create.vue

@@ -1,6 +1,6 @@
 <template>
   <AppLayout>
-    <div class="max-w-2xl mx-auto">
+    <div class="w-full max-w-2xl">
       <div class="mb-6">
         <Link :href="route('ticketing.index')" class="text-sm text-indigo-600 hover:underline">← Back to tickets</Link>
         <h1 class="text-2xl font-bold text-gray-900 mt-2">Submit a Ticket</h1>

resources/js/Pages/Ticketing/Edit.vue

@@ -1,6 +1,6 @@
 <template>
   <AppLayout>
-    <div class="max-w-2xl mx-auto">
+    <div class="w-full max-w-2xl">
       <div class="mb-6">
         <Link :href="route('ticketing.show', { ticket: ticket.id })" class="text-sm text-indigo-600 hover:underline">← Back to ticket</Link>
         <h1 class="text-xl font-bold text-gray-900 mt-2">

resources/js/Pages/Ticketing/MyTickets.vue

@@ -1,6 +1,6 @@
 <template>
   <AppLayout>
-    <div class="max-w-3xl mx-auto">
+    <div class="w-full">
       <div class="mb-6 flex justify-between items-center">
         <h1 class="text-2xl font-bold text-gray-900">My Tickets</h1>
         <Link :href="route('ticketing.create')" class="inline-flex items-center gap-1 bg-gray-900 text-white text-sm px-4 py-2 rounded-lg hover:bg-gray-700 transition">

resources/js/Pages/Ticketing/Show.vue

@@ -1,6 +1,6 @@
 <template>
   <AppLayout>
-    <div class="max-w-4xl mx-auto">
+    <div class="w-full">
       <!-- Header -->
       <div class="mb-6">
         <Link :href="route('ticketing.index')" class="text-sm text-indigo-600 hover:underline">← Back to tickets</Link>