security & footer fix

pages/users.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-gray-50">
+  <div class="min-h-screen bg-gray-50 flex flex-col">
     <!-- Header -->
     <header class="bg-white shadow-sm">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
@@ -27,7 +27,7 @@
     </header>
 
     <!-- Main Content -->
-    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+    <main class="flex-1 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 w-full">
       <div class="bg-white shadow-lg rounded-lg overflow-hidden">
         <div class="px-6 py-4 border-b border-gray-200">
           <h2 class="text-xl font-semibold text-gray-900">All Users</h2>

server/api/sermons/archive/[id].post.ts

@@ -1,9 +1,9 @@
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { archiveSermon, getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({

server/api/sermons/delete/[id].delete.ts

@@ -1,9 +1,9 @@
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { getDatabase, getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({

server/api/sermons/index.post.ts

@@ -1,9 +1,9 @@
 import { createSermon, getUserByUsername } from '~/server/utils/database'
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({

server/api/sermons/unarchive/[id].post.ts

@@ -1,9 +1,9 @@
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { getDatabase, getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({

server/api/sermons/update/[id].put.ts

@@ -1,9 +1,9 @@
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { getDatabase, getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
   // Check authentication
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({

server/api/users/index.get.ts

@@ -1,9 +1,9 @@
 import { getAllUsers } from '~/server/utils/database'
-import { getAuthCookie } from '~/server/utils/auth'
+import { getSessionUsername } from '~/server/utils/auth'
 import { getUserByUsername } from '~/server/utils/database'
 
 export default defineEventHandler(async (event) => {
-  const username = getAuthCookie(event)
+  const username = await getSessionUsername(event)
   
   if (!username) {
     throw createError({