[#352] modification front admin fournisseur (!35)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|         #352         |       modification front admin fournisseur          |

## Description de la PR

## Modification du .env

## Check list

- [x] Pas de régression
- [ ] TU/TI/TF rédigée
- [x] TU/TI/TF OK
- [x] CHANGELOG modifié

Reviewed-on: #35
Reviewed-by: Autin <tristan@yuno.malio.fr>
Co-authored-by: sroy <sebastien@yuno.malio.fr>
Co-committed-by: sroy <sebastien@yuno.malio.fr>

frontend/components/address.vue

@@ -1,23 +1,15 @@
 <template>
     <form @submit.prevent="validateForm">
-        <div class="flex items-center justify-between gap-10">
-            <div>
-                <h1 class="text-3xl font-bold uppercase">
-                    {{ props.address ? "Modification d'une adresse" : "Ajout d'une adresse" }}
-                </h1>
+        <div class="flex items-center mb-11 justify-between relative">
+            <div class="flex flex-row absolute -left-[60px] ">
+                <Icon @click="goBack" name="gg:arrow-left-o" size="40" class="cursor-pointer text-primary-500"/>
             </div>
-
-            <button
-                class="inline-flex items-center justify-center text-xl text-white uppercase bg-primary-500 h-[50px] px-8 rounded hover:opacity-80 gap-2"
-                type="submit"
-                :disabled="isLoading"
-            >
-                <Icon :name="props.address ? '' : 'mdi:plus'" size="28" />
-                {{ props.address? "Valider" : "Ajouter" }}
-            </button>
+            <h1 class="text-3xl text-primary-500 font-bold uppercase">
+                {{ props.address ? "Modification d'une adresse" : "Ajout d'une adresse" }}
+            </h1>
         </div>
 
-        <div class="grid grid-cols-2 gap-y-16 gap-x-12 mb-16 mt-10">
+        <div class="grid grid-cols-2 gap-y-16 gap-x-[200px] mb-16">
             <UiTextInput id="address-label" v-model="form.label" label="Libellé" />
             <UiTextInput id="address-street" v-model="form.street" label="Rue" />
             <UiTextInput id="address-street2" v-model="form.street2" label="Complément" />
@@ -25,6 +17,16 @@
             <UiTextInput id="address-city" v-model="form.city" label="Ville" />
             <UiTextInput id="address-country" v-model="form.countryCode" label="Pays (code)" />
         </div>
+        <div class="flex justify-center items-center">
+        <button
+            class="inline-flex items-center justify-center text-xl min-w-[194px] text-white uppercase bg-primary-500 h-[50px] px-8 rounded hover:opacity-80 gap-2"
+            type="submit"
+            :disabled="isLoading"
+        >
+            <Icon :name="props.address ? '' : 'mdi:plus'" size="28" />
+            {{ props.address? "Valider" : "Ajouter" }}
+        </button>
+        </div>
     </form>
 </template>
 
@@ -53,6 +55,20 @@ const emptyForm = (): AddressPayload => ({
 
 const form = reactive<AddressPayload>(emptyForm())
 
+const backPath = computed(() => {
+    if (props.type === "customer") {
+        const customerId = Number(route.query.customerId)
+        return Number.isFinite(customerId) && customerId > 0
+            ? `/admin/customer/${customerId}`
+            : "/admin/customer/customer-list"
+    }
+
+    const supplierId = Number(route.query.supplierId)
+    return Number.isFinite(supplierId) && supplierId > 0
+        ? `/admin/supplier/${supplierId}`
+        : "/admin/supplier/supplier-list"
+})
+
 const hydrateForm = (address?: AddressPayload | null) => {
     const data = address ?? emptyForm()
     form.label = data.label ?? ""
@@ -76,6 +92,10 @@ const validateForm = () => {
     emit("validate", {...form})
 }
 
+const goBack = () => {
+    router.push(backPath.value)
+}
+
 const emit = defineEmits<{
     (event: 'validate', form: AddressPayload): void
 }>()

frontend/components/ui/UiButton.vue

@@ -3,7 +3,7 @@
         :is="'button'"
         :type="type"
         :disabled="isDisabled"
-        class="inline-flex items-center justify-center rounded-md"
+        class="inline-flex min-w-[194px] items-center justify-center rounded-md"
         :class="[
             isDisabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer',
             buttonClass

frontend/components/ui/UiTextInput.vue

@@ -3,7 +3,7 @@
         <label
             v-if="label"
             :for="id"
-            class="font-bold uppercase text-xl text-primary-500"
+            class="font-bold uppercase text-xl text-primary-700"
             :class="labelClass"
         >
             {{ label }}
@@ -16,7 +16,7 @@
             :maxlength="maxlength"
             :disabled="disabled"
             v-bind="attrs"
-            class="border-b border-black text-xl py-[6px] bg-transparent text-primary-500"
+            class="border-b border-black text-xl py-[6px] bg-transparent text-primary-700"
             :class="[
                 isEmpty ? 'text-neutral-400' : 'text-black',
                 disabled ? 'cursor-not-allowed' : 'cursor-text',