Add official logos to the footer of the application

Import and display SDAIA and Vision 2030 logos in the application's footer, replacing the previous text-based representations.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1fa9329f-0cec-4a2f-80e8-e26dbae3142e
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: f4d4d627-d5c1-43d8-8379-fbef1b073923
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/4d696b13-86f2-4c9d-be0d-95b293430047/1fa9329f-0cec-4a2f-80e8-e26dbae3142e/KqsHNcc
Replit-Helium-Checkpoint-Created: true

artifacts/ehsan-poc/src/components/layout/AppLayout.tsx

@@ -3,6 +3,8 @@ import { Link } from "wouter";
 import { Phone, Apple, Play } from "lucide-react";
 import { Header } from "./Header";
 import { useLanguage } from "../../contexts/LanguageContext";
+import sdaiaLogo from "@assets/sdaia-white-logo_1780696938873.png";
+import vision2030Logo from "@assets/2030_1780696934734.svg";
 
 function XIcon({ className = "" }: { className?: string }) {
   return (
@@ -122,15 +124,17 @@ export function AppLayout({ children }: { children: ReactNode }) {
           {/* Bottom bar */}
           <div className="mt-10 flex flex-col items-center gap-6 border-t border-white/15 pt-6 sm:flex-row sm:justify-between">
             <div className="flex items-center gap-6">
-              <div className="flex flex-col leading-tight">
+              <img
-                <span className="text-lg font-extrabold tracking-wide">SDAIA</span>
+                src={sdaiaLogo}
-                <span className="text-[10px] text-white/70">{f.sdaiaSubtitle}</span>
+                alt={f.sdaiaSubtitle}
-              </div>
+                className="h-8 w-auto object-contain"
+              />
               <div className="h-8 w-px bg-white/20" aria-hidden="true" />
-              <div className="flex flex-col leading-tight">
+              <img
-                <span className="text-sm font-bold tracking-[0.2em]">{f.visionLine1}</span>
+                src={vision2030Logo}
-                <span className="text-xl font-extrabold tracking-tight">{f.visionLine2}</span>
+                alt={`${f.visionLine1} ${f.visionLine2}`}
-              </div>
+                className="h-9 w-auto object-contain"
+              />
             </div>
             <p className="text-xs text-white/70">
               {f.rights} &copy; {new Date().getFullYear()}