LandingPage: treat as HTML field, prefer short_description

app/soapbox/features/landing_page/index.tsx

@@ -113,7 +113,10 @@ const LandingPage = () => {
                 </h1>
 
                 <Text size='lg'>
-                  {instance.description}
+                  <span
+                    className='instance-description'
+                    dangerouslySetInnerHTML={{ __html: instance.short_description || instance.description }}
+                  />
                 </Text>
               </Stack>
             </div>

app/styles/basics.scss

@@ -112,3 +112,20 @@ noscript {
 div[data-viewport-type="window"] {
   position: static !important;
 }
+
+// Instance HTML from the API.
+.instance-description {
+  a {
+    @apply underline;
+  }
+
+  b,
+  strong {
+    @apply font-bold;
+  }
+
+  i,
+  em {
+    @apply italic;
+  }
+}