feat: add environment configuration and implement cookie handling for user authentication

app/layouts/news/header-top.tsx

@@ -1,11 +1,14 @@
-import { Link } from 'react-router'
+import { Link, useRouteLoaderData } from 'react-router'
 
 import { Button } from '~/components/ui/button'
 import { APP } from '~/configs/meta'
 import { useNewsContext } from '~/contexts/news'
+import type { loader } from '~/routes/_layout.news'
 
 export const HeaderTop = () => {
   const { setIsLoginOpen } = useNewsContext()
+  const loaderData = useRouteLoaderData<typeof loader>('routes/_layout.news')
+
   return (
     <>
       <div className="flex h-[60px] items-center justify-between bg-white px-5 align-middle sm:h-[100px] sm:gap-[15px] sm:px-[50px] sm:py-[20px]">
@@ -31,15 +34,8 @@ export const HeaderTop = () => {
             className="hidden sm:block"
             onClick={() => setIsLoginOpen(true)}
           >
-            Akun
+            {loaderData?.userToken ? 'Logout' : 'Masuk'}
           </Button>
-          <div className="w-[50px] sm:w-[60px]">
-            <img
-              alt="language"
-              src="/flags/id.svg"
-              className="shadow-sm"
-            />
-          </div>
         </div>
       </div>
     </>