integrate login page wih api and keycloak

components/shared/AppSnackbar.vue

@@ -0,0 +1,21 @@
+<template>
+  <v-snackbar
+    v-model="snackbarStore.show"
+    :color="snackbarStore.color"
+    :timeout="snackbarStore.timeout"
+    location="bottom center"
+  >
+    {{ snackbarStore.text }}
+    <template v-slot:actions>
+      <v-btn color="white" variant="text" @click="snackbarStore.show = false">
+        Close
+      </v-btn>
+    </template>
+  </v-snackbar>
+</template>
+
+<script setup lang="ts">
+import { useSnackbarStore } from '~/store/snackbar';
+
+const snackbarStore = useSnackbarStore();
+</script>

components/shared/UiChildCard.vue

@@ -5,11 +5,10 @@ const props = defineProps({
 </script>
 
 <template>
-    <v-card variant="outlined">
+    <v-card elevation="0" >
         <v-card-item class="py-4 px-6">
             <v-card-title class="text-h5 mb-0">{{ title }}</v-card-title>
         </v-card-item>
-        <v-divider />
         <v-card-text>
             <slot />
         </v-card-text>