Implement Keycloak authentication integration and unify user management

pages/auth/callback.vue

@@ -0,0 +1,44 @@
+<template>
+  <v-app>
+    <v-main>
+      <v-container class="fill-height">
+        <v-row align="center" justify="center">
+          <v-col cols="12" sm="8" md="4">
+            <v-card class="pa-6">
+              <v-card-text class="text-center">
+                <v-progress-circular
+                  indeterminate
+                  color="primary"
+                  size="64"
+                  class="mb-4"
+                />
+                <h2 class="text-h5 mb-2">Authenticating...</h2>
+                <p class="text-body-2 text-medium-emphasis">
+                  Please wait while we complete your login.
+                </p>
+              </v-card-text>
+            </v-card>
+          </v-col>
+        </v-row>
+      </v-container>
+    </v-main>
+  </v-app>
+</template>
+
+<script setup lang="ts">
+// This page handles the OAuth callback from Keycloak
+// The nuxt-openid-connect module will automatically process the callback
+// and redirect to the originally requested page or default redirect
+
+definePageMeta({
+  auth: false, // This page should be accessible without authentication
+  layout: false // Use minimal layout for callback page
+});
+
+// The OIDC module handles the callback automatically
+// If you need custom logic after successful authentication, you can add it here
+onMounted(() => {
+  // Optional: Add any custom post-authentication logic here
+  console.log('OAuth callback page mounted');
+});
+</script>