docs(stage-web,stage-tamagotchi): adding callouts for comments

apps/stage-tamagotchi/src/pages/settings/memory/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Callout } from '@proj-airi/stage-ui/components'
 // import { useServerStore } from '@proj-airi/stage-ui/stores'
 // import { storeToRefs } from 'pinia'
 // import { onMounted } from 'vue'
@@ -11,6 +12,17 @@
 </script>
 
 <template>
+  <div>
+    <Callout
+      label="In development, needs your help!"
+      theme="orange"
+    >
+      <div>
+        This functionality is still under development. If you have any suggestions or would like to contribute, please reach out to us on our <a underline decoration-dotted href="https://github.com/moeru-ai/airi/issues">GitHub issues page</a>.
+        The source code of this page is located at <a underline decoration-dotted href="https://github.com/moeru-ai/airi/tree/main/apps/stage-tamagotchi/src/pages/settings/memory/index.vue">here</a>.
+      </div>
+    </Callout>
+  </div>
   <div
     v-motion
     text="neutral-200/50 dark:neutral-600/20" pointer-events-none

apps/stage-tamagotchi/src/pages/settings/scene/index.vue

@@ -12,7 +12,15 @@ const {
 
 <template>
   <div>
-    Scene
+    <Callout
+      label="In development, needs your help!"
+      theme="orange"
+    >
+      <div>
+        This functionality is still under development. If you have any suggestions or would like to contribute, please reach out to us on our <a underline decoration-dotted href="https://github.com/moeru-ai/airi/issues">GitHub issues page</a>.
+        The source code of this page is located at <a underline decoration-dotted href="https://github.com/moeru-ai/airi/tree/main/apps/stage-tamagotchi/src/pages/settings/scene/index.vue">here</a>.
+      </div>
+    </Callout>
   </div>
   <IconAnimation
     v-if="showIconAnimation"

apps/stage-web/src/pages/settings/memory/index.vue

@@ -1,16 +1,19 @@
 <script setup lang="ts">
-// import { useServerStore } from '@proj-airi/stage-ui/stores'
-// import { storeToRefs } from 'pinia'
-// import { onMounted } from 'vue'
-
-// const { server } = storeToRefs(useServerStore())
-
-// onMounted(() => {
-//   server.value?.connect()
-// })
+import { Callout } from '@proj-airi/stage-ui/components'
 </script>
 
 <template>
+  <div>
+    <Callout
+      label="In development, needs your help!"
+      theme="orange"
+    >
+      <div>
+        This functionality is still under development. If you have any suggestions or would like to contribute, please reach out to us on our <a underline decoration-dotted href="https://github.com/moeru-ai/airi/issues">GitHub issues page</a>.
+        The source code of this page is located at <a underline decoration-dotted href="https://github.com/moeru-ai/airi/tree/main/apps/stage-web/src/pages/settings/memory/index.vue">here</a>.
+      </div>
+    </Callout>
+  </div>
   <div
     v-motion
     text="neutral-200/50 dark:neutral-600/20" pointer-events-none

apps/stage-web/src/pages/settings/scene/index.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { Callout } from '@proj-airi/stage-ui/components'
+
 import IconAnimation from '../../../components/IconAnimation.vue'
 
 import { useIconAnimation } from '../../../composables/icon-animation'
@@ -12,7 +14,15 @@ const {
 
 <template>
   <div>
-    Scene
+    <Callout
+      label="In development, needs your help!"
+      theme="orange"
+    >
+      <div>
+        This functionality is still under development. If you have any suggestions or would like to contribute, please reach out to us on our <a underline decoration-dotted href="https://github.com/moeru-ai/airi/issues">GitHub issues page</a>.
+        The source code of this page is located at <a underline decoration-dotted href="https://github.com/moeru-ai/airi/tree/main/apps/stage-web/src/pages/settings/scene/index.vue">here</a>.
+      </div>
+    </Callout>
   </div>
   <IconAnimation
     v-if="showIconAnimation"