refactor: code refactor

app/routes/blog/route.tsx

@@ -1,18 +1,14 @@
 import { Link, Outlet } from "@remix-run/react";
+import { LinkWrapper } from "~/components/LinkWrapper";
 import { useMatch } from "./useMatch";
 
 export default function () {
   const { handle } = useMatch();
   return (
-    <div className="flex h-screen min-h-full flex-col items-center">
-      {handle && (
-        <Link
-          className="mt-5 hover:text-[#e6c2bf] text-xl font-bold"
-          to={handle.to}
-        >
-          {handle.text}
-        </Link>
-      )}
+    <div>
+      <LinkWrapper>
+        <Link to={handle.to}>{handle.text}</Link>
+      </LinkWrapper>
       <Outlet />
     </div>
   );