fix: mastodon link formatting

Author: aaerhart

components/ProfilePage/SocialMediaIcons.tsx

@@ -64,7 +64,7 @@ export const SocialMediaIcons = ({
 
         {mastodon && (
           <Col>
-            <External plain href={`https://mastodon.org/${mastodon}`}>
+            <External plain href={`https://mastodon.social/@${mastodon}`}>
               <Image alt={t("socials.mastodon")} src="/mastodon.svg" />
             </External>
           </Col>

components/db/profile/profile.ts

@@ -67,7 +67,7 @@ export function useProfile() {
           instagram: false,
           fb: false,
           blueSky: false,
-          mastodon: false,
+          mastodon: false
         },
         updatingBillsFollowing: false,
         profile

components/db/profile/urlCleanup.ts

@@ -7,6 +7,15 @@ export function cleanSocialLinks(network: keyof SocialLinks, link: string) {
       const index: number = path.indexOf(".com/") + 5
       path = path.substring(index)
     }
+    if (
+      network === "mastodon" &&
+      path.substring(path.indexOf("@") + 1).charAt(0) === "@"
+    ) {
+      path.replace(
+        path.substring(path.indexOf("@") + 1),
+        path.substring(path.indexOf("@") + 2)
+      )
+    }
   }
 
   return path