redesigned settings page [still WIP]

pages/settings/billing.tsx

@@ -12,7 +12,29 @@ export default function billing() {
 
   return (
     <SettingsLayout>
-      <div>Billing</div>
+      <div className=" w-full mx-auto flex flex-col gap-3 justify-between">
+        <p className="text-md text-black dark:text-white">
+          To manage/cancel your subsciption, visit the{" "}
+          <a
+            href={process.env.NEXT_PUBLIC_STRIPE_BILLING_PORTAL_URL}
+            className="underline"
+          >
+            Billing Portal
+          </a>
+          .
+        </p>
+
+        <p className="text-md text-black dark:text-white">
+          If you still need help or encountered any issues, feel free to reach
+          out to us at:{" "}
+          <a
+            className="font-semibold underline"
+            href="mailto:support@linkwarden.app"
+          >
+            support@linkwarden.app
+          </a>
+        </p>
+      </div>
     </SettingsLayout>
   );
 }