feat(auth): adds local account authentication

frontend/src/views/profile/ProfilePage.vue

@@ -3,10 +3,12 @@ import {ref, markRaw} from 'vue';
 import {useCreatorProfileStore} from '@/stores/creatorProfileStore.js';
 import {useUserProfileStore} from "@/stores/userProfileStore.js";
 import {useClient} from '@/plugins/api.js';
+import {useRouter} from 'vue-router';
 import SocialsDialog from './creators/SocialsDialog.vue';
 import AliasDialog from "@/views/profile/account/AliasDialog.vue";
 import FullnameDialog from "@/views/profile/account/FullnameDialog.vue";
 import EmailDialog from "@/views/profile/account/EmailDialog.vue";
+import ChangePasswordDialog from "@/views/profile/account/ChangePasswordDialog.vue";
 import ChangeStripeIdDialog from '@/views/profile/creators/ChangeStripeIdDialog.vue';
 import ChangeNameDialog from '@/views/profile/creators/ChangeNameDialog.vue';
 import ChangeSlugDialog from '@/views/profile/creators/ChangeSlugDialog.vue';
@@ -25,6 +27,7 @@ import {useI18n} from 'vue-i18n';
 import QRCodeVue from 'qrcode.vue';
 
 const {t} = useI18n();
+const router = useRouter();
 const userProfileStore = useUserProfileStore()
 const creatorProfileStore = useCreatorProfileStore();
 const baseURL = window.location.origin;
@@ -102,6 +105,7 @@ const deleteDialogShown = ref(false);
 
 const componentsMap = {
   EmailDialog: markRaw(EmailDialog),
+  ChangePasswordDialog: markRaw(ChangePasswordDialog),
   SocialsDialog: markRaw(SocialsDialog),
   ChangeSlugDialog: markRaw(ChangeSlugDialog),
   ChangeNameDialog: markRaw(ChangeNameDialog),
@@ -251,6 +255,14 @@ async function deconfigureStripe() {
           </button>
         </div>
 
+        <div class="content">
+          <button class="action" @click="openDialog('ChangePasswordDialog')">
+            <span class="label">{{ t('changePassword') }}</span>
+            <span class="value">••••••••</span>
+            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+          </button>
+        </div>
+        
       </div>
 
       <template v-if="creatorProfileStore.hasCreator">
@@ -665,6 +677,7 @@ async function deconfigureStripe() {
     "fullName": "Full Name",
     "alias": "Alias",
     "email": "Email",
+    "changePassword": "Set Password",
     "creatorInfo": "Creator Information",
     "dangerZone": "Danger Zone",
     "dangerZoneWarning": "The actions below can have significant impacts on your creator page. Please proceed with caution.",
@@ -693,6 +706,7 @@ async function deconfigureStripe() {
     "fullName": "Nom Complet",
     "alias": "Alias",
     "email": "Email",
+    "changePassword": "Définir le mot de passe",
     "creatorInfo": "Informations du Créateur",
     "dangerZone": "Zone de Danger",
     "dangerZoneWarning": "Les actions ci-dessous peuvent avoir des impacts significatifs sur votre page de créateur. Veuillez procéder avec précaution.",
@@ -721,6 +735,7 @@ async function deconfigureStripe() {
     "fullName": "Nombre Completo",
     "alias": "Alias",
     "email": "Correo Electrónico",
+    "changePassword": "Establecer contraseña",
     "creatorInfo": "Información del Creador",
     "dangerZone": "Zona de Peligro",
     "dangerZoneWarning": "Las acciones a continuación pueden tener impactos significativos en tu página de creador. Por favor, procede con precaución.",