Improve the appearance of the footer and fix input issues on the auth page

Update the phone icon color in Footer.tsx to white and add a type guard to the Input component in AuthPage.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/b884aa85-c7c3-45e2-a461-19511fbda246.jpg

client/src/components/navigation/footer.tsx

@@ -135,7 +135,7 @@ export default function Footer() {
                 </a>
               </li>
               <li className="flex items-center">
-                <i className="fas fa-phone-alt mr-2 text-teal"></i>
+                <i className="fas fa-phone-alt mr-2 text-white"></i>
                 <a href="tel:+97150123567" className="text-white text-opacity-70 hover:text-white hover:text-opacity-100 transition duration-300">
                   +971 50 123 4567
                 </a>

client/src/pages/auth-page.tsx

@@ -197,7 +197,7 @@ export default function AuthPage() {
                             <FormItem>
                               <FormLabel>Full Name</FormLabel>
                               <FormControl>
-                                <Input placeholder="Enter your full name" {...field} />
+                                <Input placeholder="Enter your full name" {...field} value={typeof field.value === 'string' ? field.value : ''} />
                               </FormControl>
                               <FormMessage />
                             </FormItem>