added the android icon in a link with svg and style

app/ClientLayout.js

@@ -175,11 +175,26 @@ export default function ClientLayout({ children }) {
                 <div
                   className={`flex items-center space-x-1 ${currentLanguage === "ar" ? "flex-row-reverse space-x-reverse" : ""}`}
                 >
+                  <Link
+                    href="http://45.93.137.91/sweet-home.apk"
+                    className="group flex items-center gap-2 text-gray-700 hover:text-green-600 transition-colors"
+                  >
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="24"
+                      height="24"
+                      fill="currentColor"
+                      className="bi bi-android"
+                      viewBox="0 0 16 16"
+                    >
+                      <path d="M2.76 3.061a.5.5 0 0 1 .679.2l1.283 2.352A8.9 8.9 0 0 1 8 5a8.9 8.9 0 0 1 3.278.613l1.283-2.352a.5.5 0 1 1 .878.478l-1.252 2.295C14.475 7.266 16 9.477 16 12H0c0-2.523 1.525-4.734 3.813-5.966L2.56 3.74a.5.5 0 0 1 .2-.678ZM5 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2m6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2" />
+                    </svg>
+                    <span className="text-green-600 text-sm font-semibold opacity-0 max-w-0 overflow-hidden whitespace-nowrap group-hover:opacity-100 group-hover:max-w-xs transition-all duration-300">
+                      حمل التطببيق الان
+                    </span>
+                  </Link>
                   <NavLink href="/">الرئيسية</NavLink>
                   <NavLink href="/properties">عقاراتنا</NavLink>
-                  <NavLink href="http://45.93.137.91/sweet-home.apk">
-                    حمل التطبيق الان
-                  </NavLink>
 
                   {isAdmin && (
                     <NavLink href="/admin">