feat(icons): replace PNG icons with SVG logo for improved scalability and performance

public/manifest.json

@@ -12,27 +12,15 @@
   "dir": "rtl",
   "icons": [
     {
-      "src": "/icons/icon-192.png",
+      "src": "/logo.svg",
-      "sizes": "192x192",
+      "sizes": "any",
-      "type": "image/png",
+      "type": "image/svg+xml",
       "purpose": "any"
     },
     {
-      "src": "/icons/icon-192.png",
+      "src": "/logo.svg",
-      "sizes": "192x192",
+      "sizes": "any",
-      "type": "image/png",
+      "type": "image/svg+xml",
-      "purpose": "maskable"
-    },
-    {
-      "src": "/icons/icon-512.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "any"
-    },
-    {
-      "src": "/icons/icon-512.png",
-      "sizes": "512x512",
-      "type": "image/png",
       "purpose": "maskable"
     }
   ]

templates/admin/index.html.twig

@@ -5,14 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ClinicPro Admin</title>
     <link rel="icon" type="image/svg+xml" href="/logo.svg">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
+    <link rel="icon" href="/logo.svg">
     <link rel="manifest" href="/manifest.json">
     <meta name="theme-color" content="#5559CE">
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="apple-mobile-web-app-title" content="ClinicPro">
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="apple-touch-icon" href="/logo.svg">
     <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=Vazirmatn:wght@100..900&display=swap" rel="stylesheet">

templates/public/home.html.twig

@@ -4,6 +4,9 @@
 		<meta charset="UTF-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 		<title>کلینیک پرو — نرم‌افزار مدیریت مطب و نوبت‌دهی آنلاین</title>
+		<link rel="icon" type="image/svg+xml" href="/logo.svg"/>
+		<link rel="icon" href="/logo.svg"/>
+		<link rel="apple-touch-icon" href="/logo.svg"/>
 		{% set base = app.request.schemeAndHttpHost %}
 		<meta name="description" content="کلینیک پرو؛ نرم‌افزار مدیریت مطب و کلینیک — نوبت‌دهی آنلاین، پرونده‌ی بیمار و حسابداری مطب، همه در یک پنل ساده و سریع."/>
 		<link rel="canonical" href="{{ base }}/"/>
@@ -14,13 +17,13 @@
 		<meta property="og:title" content="کلینیک پرو — نرم‌افزار مدیریت مطب و نوبت‌دهی آنلاین"/>
 		<meta property="og:description" content="نوبت‌دهی آنلاین، پرونده‌ی بیمار و حساب مطب در یک پنل ساده و سریع."/>
 		<meta property="og:url" content="{{ base }}/"/>
-		<meta property="og:image" content="{{ base }}/og-image.png"/>
+		<meta property="og:image" content="{{ base }}/logo.svg"/>
 		<meta property="og:locale" content="fa_IR"/>
 
 		<meta name="twitter:card" content="summary_large_image"/>
 		<meta name="twitter:title" content="کلینیک پرو — نرم‌افزار مدیریت مطب و نوبت‌دهی آنلاین"/>
 		<meta name="twitter:description" content="نوبت‌دهی آنلاین، پرونده‌ی بیمار و حساب مطب در یک پنل ساده و سریع."/>
-		<meta name="twitter:image" content="{{ base }}/og-image.png"/>
+		<meta name="twitter:image" content="{{ base }}/logo.svg"/>
 
 		<script type="application/ld+json">
 			{
@@ -31,7 +34,7 @@
 																													"@id": "{{ base }}/#org",
 																													"name": "کلینیک پرو",
 																													"url": "{{ base }}/",
-																													"logo": "{{ base }}/icons/icon-512.png",
+																													"logo": "{{ base }}/logo.svg",
 																													"contactPoint": {
 																														"@type": "ContactPoint",
 																														"telephone": "+98-74-91012178",