fix: remove prose styles from custom styled pages

Author: alexdln

app/components/Readme.vue

@@ -61,7 +61,7 @@ function handleClick(event: MouseEvent) {
 
 <template>
   <article
-    class="readme prose prose-invert max-w-[70ch] lg:max-w-none px-1"
+    class="readme max-w-[70ch] lg:max-w-none px-1"
     dir="auto"
     v-html="html"
     :style="{

app/pages/about.vue

@@ -72,7 +72,7 @@ const roleLabels = computed(
         </p>
       </header>
 
-      <section class="prose prose-invert max-w-none space-y-12">
+      <section class="max-w-none space-y-12">
         <div>
           <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.what_we_are.title') }}

app/pages/accessibility.vue

@@ -37,7 +37,7 @@ const canGoBack = useCanGoBack()
         </div>
       </header>
 
-      <section class="prose prose-invert max-w-none space-y-8">
+      <section class="max-w-none space-y-8">
         <p class="text-fg-muted leading-relaxed">
           <i18n-t keypath="a11y.welcome" tag="span" scope="global">
             <template #app>

app/pages/privacy.vue

@@ -54,7 +54,7 @@ const { locale } = useI18n()
         </i18n-t>
       </header>
 
-      <section class="prose prose-invert max-w-none space-y-8">
+      <section class="max-w-none space-y-8">
         <p class="text-fg-muted leading-relaxed">
           <i18n-t keypath="privacy_policy.welcome" tag="span" scope="global">
             <template #app>

app/pages/recharging.vue

@@ -106,7 +106,7 @@ const icons = [
         />
       </div>
 
-      <section class="prose prose-invert max-w-none space-y-8">
+      <section class="max-w-none space-y-8">
         <!-- What happened -->
         <div>
           <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">