fix: remove hardcoded ui.lemm.ee link from the UI

src/app/(ui)/NotImplemented.tsx

@@ -1,23 +1,26 @@
+import { StyledLink } from "@/app/(ui)/StyledLink";
+
 export const NotImplemented = () => {
   return (
-    <div className={"flex h-[calc(100vh_-_150px)] flex-col content-center items-center"}>
-      <h1 className={"mt-auto text-2xl"}>{"Not implemented yet!"}</h1>
+    <div className={"flex h-full flex-col content-center items-center"}>
+      <h1 className={"mt-64 text-2xl"}>{"Not implemented yet!"}</h1>
 
       <div className={"mb-auto mt-6 max-w-3xl text-center"}>
         <p>{"This frontend (lemmy-ui-next) is under active development."}</p>
         <p>
-          {"Unfortunately, the page you opened is not yet finished in this"}
-          {"project."}
+          {
+            "Unfortunately, the page you opened is not yet finished in this project."
+          }
         </p>
-        <p>
-          {"Please use the default Lemmy UI at"}{" "}
-          <a
-            className={"text-primary-400 hover:text-primary-300"}
-            href={"https://ui.lemm.ee"}
-          >
-            {"https://ui.lemm.ee"}
-          </a>{" "}
-          {"for this functionality."}
+        <p className={"font-bold"}>
+          {"Please use the default Lemmy UI for this functionality."}
+        </p>
+        <p className={"mt-6"}>
+          {"You can follow the development process at"}
+          <StyledLink href={`/c/[email protected]`}>
+            {" !lemmy_ui_next@lemm.ee"}
+          </StyledLink>
+          {"."}
         </p>
       </div>
     </div>