Design Finish Stage 1

1. Finish 3 pages design

src/components/shared/HeaderPage.tsx

@@ -0,0 +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>
+    )
+}
+
+export default HeaderPage