feat: 重构移动端用户聊天页面

ai_knowledge_base_v2/apps/user-client/src/components/SessionQuota.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { Layers3 } from "@lucide/vue";
+
+defineProps<{
+  used: number;
+  limit: number;
+}>();
+</script>
+
+<template>
+  <section class="session-quota" :class="{ exhausted: limit > 0 && used >= limit }" aria-label="当前会话额度">
+    <div>
+      <Layers3 :size="18" aria-hidden="true" />
+      <span>当前会话额度</span>
+    </div>
+    <strong>{{ used }}/{{ limit }}</strong>
+  </section>
+</template>