disable DTLPanel button and fix various styling issues

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

@@ -163,6 +163,7 @@
       </div>
       <footer v-if="proposals.length === 1" class="p-16">
         <button
+          disabled
           class="btn btn--white w-full"
           @click="handleOptimizationButtonClick"
         >

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

@@ -8,7 +8,6 @@
     header="Demander un rendez-vous"
     class="dialog"
     :closeOnEscape="true"
-    style="z-index: 9999"
   >
     <template #header>
       <h2 class="font-serif text-lg">Demander un rendez-vous</h2>
@@ -19,7 +18,7 @@
 
     <form
       @submit.prevent="handleSubmit"
-      class="w-full p-16 flex flex-col"
+      class="w-full h-full p-16 flex flex-col"
       style="--row-gap: 1rem"
     >
       <label for="projects" class="sr-only">Projet</label>
@@ -109,11 +108,3 @@ async function handleSubmit() {
   isOpen.value = false;
 }
 </script>
-
-<style scoped>
-form {
-  position: fixed;
-  background-color: #fff;
-  z-index: 999;
-}
-</style>