Update application to use new custom logo and favicon

Replace placeholder logo in header with new custom image, update index.html with new favicon and apple-touch-icon, and update replit.md with logo details.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ceced2fc-aa46-458d-ba87-ddd4b7bb1518
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/659922a9-0087-461c-90dd-6d9a58b81d4d/ceced2fc-aa46-458d-ba87-ddd4b7bb1518/E3NLe8e

client/index.html

@@ -5,6 +5,8 @@
     <title>TaskFlow - Personal Task Management</title>
     <meta name="description" content="Personal task management app with calendar scheduling, kanban boards, and time tracking" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
+    <link rel="icon" type="image/png" href="/attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png" />
+    <link rel="apple-touch-icon" href="/attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400..600;1,14..32,400..600&display=swap" rel="stylesheet">

client/src/App.tsx

@@ -16,6 +16,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
+import logoImage from '@assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png';
 
 // Components
 import BottomNavigation from './components/BottomNavigation';
@@ -366,9 +367,12 @@ function App() {
           <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
             <div className="flex h-16 items-center justify-between px-4">
               <div className="flex items-center gap-2">
-                <div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center">
-                  <span className="text-primary-foreground font-bold text-sm">T</span>
-                </div>
+                <img 
+                  src={logoImage} 
+                  alt="TaskFlow Logo" 
+                  className="w-8 h-8 object-contain"
+                  data-testid="img-app-logo"
+                />
                 <h1 className="text-lg font-semibold" data-testid="text-app-title">
                   {t('app.title')}
                 </h1>

replit.md

@@ -10,6 +10,12 @@ Preferred communication style: Simple, everyday language.
 
 ## Recent Changes
 
+### Application Logo and Branding (October 2025)
+- Created custom TaskFlow logo featuring checkmark and flow design elements
+- Integrated logo into application header
+- Added favicon and apple-touch-icon support for better branding
+- Logo assets: `attached_assets/generated_images/TaskFlow_app_logo_icon_3a0e77e9.png`
+
 ### Multilingual Support (October 2025)
 - Added full internationalization (i18n) support using react-i18next
 - Implemented English and German language translations