feat(molecules-link): dateScopeLink 추가 (#334)

src/components/common/molecules/link/DateScopeLink.tsx

@@ -0,0 +1,39 @@
+import { useRouter } from "next/router";
+
+import LinkTo from "@Components/common/atom/LinkTo";
+import routerHelper from "@Library/utility/routerHelper";
+
+import GetPostRequestDto from "@Library/api/post/interface/getPostRequestDto";
+
+const DateScopeLink = ({
+  dateScope,
+}: {
+  dateScope: GetPostRequestDto["dateScope"];
+}) => {
+  const router = useRouter();
+
+  if (router.query.dateScope !== dateScope) {
+    return (
+      <LinkTo
+        scroll={false}
+        href={{
+          pathname: router.pathname,
+          query: { ...router.query, dateScope },
+        }}
+        className="p-2 text-base font-semibold hover:no-underline text-neutral-400 dark:text-neutral-50"
+      >
+        {dateScope}
+      </LinkTo>
+    );
+  }
+  return (
+    <LinkTo
+      scroll={false}
+      href={routerHelper(router.asPath, "dateScope", dateScope)}
+      className="p-2 text-base font-semibold hover:no-underline text-neutral-800 dark:text-neutral-400"
+    >
+      {dateScope}
+    </LinkTo>
+  );
+};
+export default DateScopeLink;