fix(public): improve mobile experiance

apps/public/components/sections/faq.tsx

@@ -120,7 +120,9 @@ export function Faq() {
       >
         {questions.map((q) => (
           <AccordionItem value={q.question} key={q.question}>
-            <AccordionTrigger>{q.question}</AccordionTrigger>
+            <AccordionTrigger className="text-left">
+              {q.question}
+            </AccordionTrigger>
             <AccordionContent>
               <div className="max-w-2xl col gap-2">
                 {q.answer.map((a) => (

apps/public/components/sections/features/profiles-feature.tsx

@@ -73,15 +73,17 @@ export function ProfilesFeature() {
             key={profile.name + index.toString()}
             className="w-full flex-shrink-0 p-8"
           >
-            <div className="row items-center gap-4">
+            <div className="col md:row justify-center md:justify-start items-center gap-4">
               <img src={profile.avatar} className="size-32 rounded-full" />
               <div>
                 <div className="text-3xl font-semibold">{profile.name}</div>
-                <div className="text-muted-foreground">{profile.email}</div>
+                <div className="text-muted-foreground text-center md:text-left">
+                  {profile.email}
+                </div>
               </div>
             </div>
 
-            <div className="mt-8 grid grid-cols-2 gap-4">
+            <div className="mt-8 grid grid-cols-1 md:grid-cols-2 gap-4">
               <div className="rounded-lg border p-4 bg-background-light">
                 <div className="text-sm text-muted-foreground">First seen</div>
                 <div className="text-lg font-medium">