fix: update all header login links to use SPA login

- BaseLayout.tsx: Updated 4 guest account links
- Wishlist.tsx: Updated guest wishlist login link
- All now use Link to /login instead of href to /wp-login.php

customer-spa/src/pages/Wishlist.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, Link } from 'react-router-dom';
 import { Trash2, ShoppingCart, Heart } from 'lucide-react';
 import { useWishlist } from '@/hooks/useWishlist';
 import { useCartStore } from '@/lib/cart/store';
@@ -88,7 +88,7 @@ export default function Wishlist() {
       <div className="container mx-auto px-4 py-8">
         <div className="max-w-4xl mx-auto">
           <h1 className="text-3xl font-bold mb-6">My Wishlist</h1>
-          
+
           <div className="text-center py-12 bg-gray-50 rounded-lg">
             <Heart className="w-16 h-16 mx-auto mb-4 text-gray-400" />
             <h2 className="text-xl font-semibold mb-2">Your wishlist is empty</h2>
@@ -118,8 +118,8 @@ export default function Wishlist() {
         {!isLoggedIn && hasGuestItems && (
           <div className="mb-6 p-4 bg-blue-50 border border-blue-200 rounded-lg">
             <p className="text-sm text-blue-800">
-              <strong>Guest Wishlist:</strong> You have {guestProducts.length} items saved locally. 
-              <a href="/wp-login.php" className="underline ml-1">Login</a> to sync your wishlist to your account.
+              <strong>Guest Wishlist:</strong> You have {guestProducts.length} items saved locally.
+              <Link to="/login" className="underline ml-1">Login</Link> to sync your wishlist to your account.
             </p>
           </div>
         )}