fix: use ArrowLeft icon instead of HTML entity in login page

artifacts/toolrate/src/pages/login.tsx

@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
-import { Wrench, AlertCircle } from "lucide-react";
+import { Wrench, AlertCircle, ArrowLeft } from "lucide-react";
 
 export default function Login() {
   const [, setLocation] = useLocation();
@@ -98,8 +98,9 @@ export default function Login() {
           </Card>
 
           <div className="text-center">
-            <Link href="/" className="text-sm text-muted-foreground hover:text-primary transition-colors">
-              &larr; Back to Home
+            <Link href="/" className="inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-primary transition-colors">
+              <ArrowLeft className="w-4 h-4" />
+              Back to Home
             </Link>
           </div>
         </div>