fix: fix some markdown rendering bugs (closes #46)

frontend/src/lib/utils.ts

@@ -4,7 +4,8 @@ import sanitize from "sanitize-html";
 const md = new MarkdownIt({
   html: false,
   breaks: true,
-}).disable(["heading", "link", "table"]);
+  linkify: true,
+}).disable(["heading", "lheading", "link", "table", "blockquote"]);
 
 export function renderMarkdown(src: string | null) {
   return src ? sanitize(md.render(src)) : null;

frontend/src/routes/@[username]/+page.svelte

@@ -12,7 +12,6 @@
     ModalFooter,
   } from "sveltestrap";
   import FieldCard from "$lib/components/FieldCard.svelte";
-  import StatusIcon from "$lib/components/StatusIcon.svelte";
   import PronounLink from "$lib/components/PronounLink.svelte";
   import PartialMemberCard from "$lib/components/PartialMemberCard.svelte";
   import FallbackImage from "$lib/components/FallbackImage.svelte";
@@ -44,7 +43,7 @@
   let memberPage: number = 0;
   let memberSlice: PartialMember[] = [];
   $: memberSlice = data.members.slice(memberPage * 20, (memberPage + 1) * 20);
-  const totalPages = Math.floor(data.members.length / 20) + 1;
+  const totalPages = Math.ceil(data.members.length / 20);
 
   const prevPage = () => {
     if (memberPage === 0) {

frontend/src/routes/edit/member/[id]/+page.svelte

@@ -456,6 +456,8 @@
           rel="noopener noreferrer">Markdown</a
         >.
       </p>
+      <hr />
+      {#if bio}
         <hr />
         <Card>
           <CardHeader>Preview</CardHeader>
@@ -463,6 +465,7 @@
             {@html renderMarkdown(bio)}
           </CardBody>
         </Card>
+      {/if}
     </div>
   </TabPane>
   <TabPane tabId="pronouns" tab="Pronouns">

frontend/src/routes/edit/profile/+page.svelte

@@ -384,6 +384,7 @@
           rel="noopener noreferrer">Markdown</a
         >.
       </p>
+      {#if bio}
         <hr />
         <Card>
           <CardHeader>Preview</CardHeader>
@@ -391,6 +392,7 @@
             {@html renderMarkdown(bio)}
           </CardBody>
         </Card>
+      {/if}
     </div>
   </TabPane>
   <TabPane tabId="pronouns" tab="Pronouns">

frontend/src/routes/settings/+layout.svelte

@@ -56,7 +56,7 @@
         >
           Authentication
         </ListGroupItem>
-        <!--{#if hasHiddenMembers}-->
+        {#if hasHiddenMembers}
           <ListGroupItem
             tag="a"
             active={$page.url.pathname === "/settings/members"}
@@ -64,7 +64,7 @@
           >
             Hidden members
           </ListGroupItem>
-        <!--{/if}-->
+        {/if}
         {#if data.invitesEnabled}
           <ListGroupItem
             tag="a"