feat: enhance Button component with variants and sizes; update HeaderTop to use DUMMY data

app/pages/news/header-top.tsx

@@ -1,7 +1,6 @@
 import { Link } from 'react-router'
 
 import { Button } from '~/components/button'
-import { HTML_TITLE } from '~/configs/meta'
 import { DUMMY } from '~/data/dummy'
 
 export const HeaderTop = () => {
@@ -12,16 +11,24 @@ export const HeaderTop = () => {
         className="h-full py-[5px]"
       >
         <img
-          src="/images/logo.svg"
-          alt={HTML_TITLE}
+          src={DUMMY.logo}
+          alt={DUMMY.title}
           className="h-full w-auto"
         />
       </Link>
       <div className="flex h-full items-center py-1.5 font-light whitespace-pre-line">
         {DUMMY.description}
       </div>
-      <div className="">
-        <Button />
+      <div className="flex items-center gap-[15px]">
+        <Button>About Us</Button>
+        <Button variant="newsSecondary">Akun</Button>
+        <div className="w-[60px]">
+          <img
+            alt="language"
+            src="/flags/id.svg"
+            className="shadow-sm"
+          />
+        </div>
       </div>
     </div>
   )