fix: correct spelling of "contraseña" in various components and templates

src/app/features/store/pages/account-page/account-layout/account-layout.scss

@@ -2,7 +2,6 @@
   display: flex;
   margin: 0 auto;
   gap: 100px;
-  background-color: #f7f7f7;
   min-height: calc(100vh - 100px);
 }
 .account-sidebar {

src/app/features/store/pages/account-page/components/profile-form/profile-form.html

@@ -3,7 +3,6 @@
     <label>Nombre y Apellido:</label>
     <app-input
       type="text"
-      placeholder="Nombre y Apellido"
       [value]="profileForm.controls['fullName'].value"
       (valueChange)="profileForm.controls['fullName'].setValue($event)"
     ></app-input>
@@ -16,7 +15,6 @@
     <label>Email:</label>
     <app-input
       type="email"
-      placeholder="Email"
       [value]="profileForm.controls['email'].value"
       (valueChange)="profileForm.controls['email'].setValue($event)"
     ></app-input>
@@ -29,7 +27,6 @@
     <label>DNI:</label>
     <app-input
       type="text"
-      placeholder="DNI"
       [value]="profileForm.controls['dni'].value"
       (valueChange)="profileForm.controls['dni'].setValue($event)"
     ></app-input>
@@ -42,7 +39,6 @@
     <label>Teléfono:</label>
     <app-input
       type="text"
-      placeholder="Teléfono"
       [value]="profileForm.controls['phone'].value"
       (valueChange)="profileForm.controls['phone'].setValue($event)"
     ></app-input>
@@ -55,7 +51,6 @@
     <label>Contraseña (dejar en blanco para no modificar):</label>
     <app-input
       type="password"
-      placeholder="Contraseña"
       [value]="profileForm.controls['password'].value"
       (valueChange)="profileForm.controls['password'].setValue($event)"
     ></app-input>

src/app/features/store/pages/account-page/components/profile-form/profile-form.ts

@@ -1,4 +1,4 @@
-import { Component, inject, effect, signal } from '@angular/core';
+import { Component, inject, effect, signal, OnInit } from '@angular/core';
 import { ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { InputComponent } from '../../../../../../shared/components/input/input.component';
 import { ButtonComponent } from '../../../../../../shared/components/button/button.component';
@@ -12,7 +12,7 @@ import { ToastService } from '../../../../../../core/services/toast.service';
   templateUrl: './profile-form.html',
   styleUrl: './profile-form.scss',
 })
-export class ProfileForm {
+export class ProfileForm implements OnInit {
   profileForm: FormGroup;
   private authService = inject(AuthService);
   private toastService = inject(ToastService);
@@ -40,6 +40,11 @@ export class ProfileForm {
     });
   }
 
+  ngOnInit() {
+    // Refresh user data directly from the API to ensure consistency
+    this.authService.loadCurrentUser().subscribe();
+  }
+
   getControlError(controlName: string): string | null {
     const control = this.profileForm.get(controlName);
     if (!control || !control.errors || (!control.touched && !this.isSubmitting())) return null;

src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.html

@@ -4,6 +4,8 @@
         <span class="purchase-date">Fecha de compra: {{ purchase.date }}</span>
       </div>
       <div class="purchase-action">
-        <span class="arrow-icon">›</span>
+        <svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
+          <path d="M1 1L7 7L1 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
       </div>
     </div>

src/app/features/store/pages/account-page/components/purchase-list-item/purchase-list-item.scss

@@ -4,11 +4,11 @@
   align-items: center;
   padding:  16px;
   padding-left:0;
-  transition: background-color 0.2s, border-radius 0.2s;
+  transition: box-shadow 0.2s, border-radius 0.2s;
   cursor: pointer;
 }
 .purchase-item:hover {
-  background-color: #f0f0f0;
+  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
   border-radius: 8px;
 }
 .purchase-item:hover .arrow-icon {
@@ -29,7 +29,8 @@
   font-size: 12px;
 }
 .arrow-icon {
-  font-size: 24px;
+  width: 8px;
+  height: 14px;
   color: #888;
   transition: color 0.2s;
 }