refactor(web): restructure Vue3 app layout

docker-compose.yml

@@ -0,0 +1,33 @@
+services:
+  mysql:
+    image: mysql:8.0
+    environment:
+      MYSQL_ROOT_PASSWORD: root
+      MYSQL_DATABASE: memora
+    ports:
+      - "3306:3306"
+    command: ["--character-set-server=utf8mb4", "--collation-server=utf8mb4_unicode_ci"]
+    volumes:
+      - memora_mysql:/var/lib/mysql
+
+  api:
+    build:
+      context: ./memora-api
+    depends_on:
+      - mysql
+    ports:
+      - "8080:8080"
+    volumes:
+      - ./memora-api/audio:/app/audio
+      - ./memora-api/config.yaml:/app/config.yaml:ro
+
+  web:
+    build:
+      context: ./memora-web
+    depends_on:
+      - api
+    ports:
+      - "3000:3000"
+
+volumes:
+  memora_mysql: