Add hide sensitive content setting

src/routes/settings/+page.svelte

@@ -3,6 +3,7 @@
   import {getListTags, createEvent, getPubkeyTagValues, MUTES} from "@welshman/util"
   import {userMutes, tagPubkey, publishThunk} from "@welshman/app"
   import Field from "@lib/components/Field.svelte"
+  import FieldInline from "@lib/components/FieldInline.svelte"
   import Button from "@lib/components/Button.svelte"
   import ProfileMultiSelect from "@app/components/ProfileMultiSelect.svelte"
   import {pushToast} from "@app/toast"
@@ -24,13 +25,18 @@
 </script>
 
 <form class="content column gap-4" on:submit|preventDefault={onSubmit}>
-  <div class="card2 bg-alt shadow-xl">
+  <div class="card2 bg-alt shadow-xl col-4">
     <Field>
       <p slot="label">Muted Accounts</p>
       <div slot="input">
         <ProfileMultiSelect bind:value={mutedPubkeys} />
       </div>
     </Field>
+    <FieldInline>
+      <p slot="label">Hide sensitive content?</p>
+      <input slot="input" type="checkbox" class="toggle toggle-primary" checked="checked" />
+      <p slot="info">If content is marked by the author as sensitive, flotilla will hide it by default.</p>
+    </FieldInline>
     <div class="mt-4 flex flex-row items-center justify-between gap-4">
       <Button class="btn btn-neutral" on:click={reset}>Discard Changes</Button>
       <Button type="submit" class="btn btn-primary">Save Changes</Button>