Updated the design step 1 is finsih now I'll check it with mohammed

src/components/shared/HeaderPage.tsx

@@ -1,20 +1,20 @@
-import MetricCard from "./MetricCard"
-import UrlDropdown from "./UrlDropdown"
-
-const HeaderPage = ({ title }: { title: string }) => {
-    return (
-        <div className="flex space-x-4 my-4 lg:flex-row flex-col items-baseline">
-            <h1 className="text-3xl font-bold text-gray-800">{title}</h1>
-
-            <UrlDropdown />
-
-            <div className="flex space-x-4">
-                <MetricCard value="12" label="DR" valueChange="+1" size="sm" />
-                <MetricCard value="14" label="DA" valueChange="+3" size="sm" />
-                <MetricCard value="10" label="AIQ" valueChange="+2" size="sm" />
-            </div>
-        </div>
-    )
-}
-
+import MetricCard from "./MetricCard"
+import UrlDropdown from "./UrlDropdown"
+
+const HeaderPage = ({ title }: { title: string }) => {
+    return (
+        <div className="flex space-x-4 my-4 lg:flex-row flex-col items-baseline">
+            <h1 className="text-3xl font-bold text-gray-800">{title}</h1>
+
+            <UrlDropdown />
+
+            <div className="flex space-x-4">
+                <MetricCard value="12" label="DR" valueChange="+1" size="sm" />
+                <MetricCard value="14" label="DA" valueChange="+3" size="sm" />
+                <MetricCard value="10" label="AIQ" valueChange="+2" size="sm" />
+            </div>
+        </div>
+    )
+}
+
 export default HeaderPage