feat: implement markup rendering

Signed-off-by: Sphericalkat <amolele@gmail.com>

frontend/dist/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     
     <title>{{ .Title }}</title>
-  <link rel="stylesheet" href="/assets/index-544d9ea3.css">
+  <link rel="stylesheet" href="/assets/index-d9a17752.css">
 </head>
 <body>
     <h1 class="text-2xl">Hello, World!</h1>

frontend/dist/show.html

@@ -14,21 +14,14 @@
         rel="stylesheet">
 
     <title>{{ .Title }}</title>
-  <link rel="stylesheet" href="/assets/show-7a43d2b5.css">
+  <link rel="stylesheet" href="/assets/show-9b4da228.css">
 </head>
 
 <body class="flex flex-col h-full w-full items-center">
-    <article class="prose lg:prose-xl pt-20">
+    <article class="prose lg:prose-xl p-20">
         <h2 class="text-2xl">{{.Title}}</h2>
         <p><a href="https://medium.com/u/{{.UserId}}">{{.Author}}</a> on {{.PublishDate}}</p>
-        {{range .Nodes}}
-            {{if eq .Type "H3"}}
-                <h3>{{.Text}}</h3>
-            {{end}}
-            {{if eq .Type "IMG"}}
-                
-            {{end}}
-        {{end}}
+        {{.Paragraphs}}
     </article>
 </body>
 

frontend/show.html

@@ -17,17 +17,10 @@
 </head>
 
 <body class="flex flex-col h-full w-full items-center">
-    <article class="prose lg:prose-xl pt-20">
+    <article class="prose lg:prose-xl p-20">
         <h2 class="text-2xl">{{.Title}}</h2>
         <p><a href="https://medium.com/u/{{.UserId}}">{{.Author}}</a> on {{.PublishDate}}</p>
-        {{range .Nodes}}
-            {{if eq .type "H3"}}
-                <h3>.text</h3>
-            {{end}}
-            {{if eq .type "IMG"}}
-                <h3>.text</h3>
-            {{end}}
-        {{end}}
+        {{.Paragraphs}}
     </article>
 </body>