chore: add docker-compose configuration for app, worker, and redis services

front/components/Field/InputField.vue

@@ -7,6 +7,7 @@
     </Field>
 </template>
 <script setup lang="ts">
+import { Label } from '@/components/ui/label'
 import { Input } from '@/components/ui/input'
 const props = defineProps<{
     name: string

front/layouts/default.vue

@@ -1,18 +1,16 @@
 <script lang="ts" setup>
-import { Toaster } from "vue-sonner";
-await useSeo();
+import { Toaster } from 'vue-sonner'
+await useSeo()
 </script>
 <template>
     <div class="h-screen w-screen">
         <GlobalDrawer />
         <Toaster position="top-center" richColors closeButton />
         <img
-      class="w-full h-full object-cover absolute inset-0 -z-[1]"
+            class="w-full h-full object-cover absolute inset-0 -z-[1] bg-gradient-to-bl from-primary/40 to-primary"
             src="https://img.fudaoyuan.icu/api/1/random/?scale_min=1.5&webp=true&md=false&format=302"
         />
-    <div
-      class="h-full w-full flex flex-col items-center lg:p-10 p-5 overflow-y-auto"
-    >
+        <div class="h-full w-full flex flex-col items-center lg:p-10 p-5 overflow-y-auto">
             <Navbar />
             <slot />
         </div>