create design to light page structure and content

src/components/Menu.vue

@@ -146,6 +146,11 @@ const mainItems = [
     icon: "calendar",
     disabled: true,
   },
+  {
+    title: "Design to light",
+    path: "/design-to-light",
+    icon: "leaf",
+  },
   {
     title: "Inspirations",
     path: "/inspirations",

src/components/design-to-light/OptimizationRequestDialog.vue

@@ -0,0 +1,18 @@
+<template>
+  <form action="">
+    <select name="projects" id="projects">
+      <option v-for="project in currentProjects" :value="project.slug">
+        {{ project.title }}
+      </option>
+    </select>
+    <input type="text" value="Design to light" />
+    <textarea placeholder="Décrivez votre demande…"> </textarea>
+  </form>
+</template>
+
+<script setup>
+import { storeToRefs } from "pinia";
+import { useProjectsStore } from "../../stores/projects";
+
+const { currentProjects } = storeToRefs(useProjectsStore());
+</script>