add auth releated utilities

package.json

@@ -41,14 +41,14 @@
     "get-installed-browsers": "^0.1.7",
     "globals": "^16.0.0",
     "postcss": "^8.5.3",
-    "prettier": "^3.5.2",
+    "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "sass": "^1.85.1",
     "tailwindcss": "^4.0.9",
     "terser": "^5.39.0",
     "tsx": "^4.19.3",
     "typescript": "^5.8.2",
-    "typescript-eslint": "^8.25.0",
+    "typescript-eslint": "^8.26.0",
     "unplugin-auto-import": "^19.1.1",
     "unplugin-icons": "^22.1.0",
     "unplugin-imagemin": "^0.6.7",
@@ -59,7 +59,7 @@
     "vite-plugin-html": "^3.2.2",
     "vite-plugin-vue-devtools": "^7.7.2",
     "vite-plugin-zip-pack": "^1.2.4",
-    "vue-tsc": "^2.2.6",
+    "vue-tsc": "^2.2.8",
     "vuefire": "^3.2.1",
     "web-ext": "^8.4.0",
     "webext-bridge": "^6.0.1"

src/components/UserProfile.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+const router = useRouter()
+const { isAuthenticated, userProfile } = useAuth()
+
+if (!isAuthenticated) {
+  router.push("/common/account/signin")
+}
+</script>
+
+<template>
+  <div>
+    <template v-if="isAuthenticated && userProfile">
+      <h1>{{ userProfile.email }}</h1>
+      <hr />
+
+      <UserSignOut />
+    </template>
+  </div>
+</template>
+
+<style scoped></style>