add: register & recovery password

src/layouts/AdminLayout.vue

@@ -0,0 +1,11 @@
+<template>
+    <RouterView />
+</template>
+
+<script setup>
+
+</script>
+
+<style  scoped>
+
+</style>

src/layouts/AuthLayout.vue

@@ -0,0 +1,68 @@
+<script setup>
+    import Header from '../components/Header.vue';
+    import Footer from '../components/Footer.vue';
+
+
+</script>
+
+<template>
+    <Header/>
+    <div class="auth-layout">
+        <!-- <div class="img-auth">
+            <img src="/images/auth.png" class="img" alt="fondo">
+        </div> -->
+        <!-- <div class="auth-view"> -->
+            <!-- <img src="/images/logo.png" width="150"/> -->
+            <RouterView/>
+        <!-- </div> -->
+    </div>
+    <Footer/>
+</template>
+
+<style scoped>
+    /* .auth-layout {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        margin: 0px 0px !important;
+        padding: 0px 0px !important;
+        overflow: hidden;
+    } */
+    .auth-layout {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+        width: 50%;
+        margin: 0px auto !important;
+        padding: 0px 0px !important;
+        overflow: hidden;
+        min-height: 700px;
+    }
+    .img-auth {
+        width: 50%;
+        /* object-fit: cover; */
+        margin: 24px 50px;
+        /* padding: 24p */
+    }
+    
+    .img {
+        width: 100%;
+        /* max-height: 80vh; */
+        border-radius: 13px;
+        /* object-fit: cover; */
+        /* padding: 24px; */
+    }
+
+    .auth-view {
+        display: flex;
+        width: 50%;
+        margin: 0px 0px;
+        padding: 0px 0px;
+        /* background-color: red; */
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+</style>