bugfix: Left alignment on mobile for Content page block

Author: Rajat

packages/page-blocks/src/blocks/content/widget.tsx

@@ -209,7 +209,9 @@ export default function Widget({
             <AccordionItem value={group} key={group}>
                 <AccordionTrigger>
                     <div className="flex grow justify-between mr-2">
-                        <Text1 theme={overiddenTheme}>{group}</Text1>
+                        <Text1 theme={overiddenTheme} className="text-left">
+                            {group}
+                        </Text1>
                         <Badge variant="outline">
                             {`${formattedCourse[group].length} lessons`}
                         </Badge>

packages/page-blocks/src/blocks/faq/widget.tsx

@@ -98,8 +98,11 @@ export default function Widget({
                                     key={`${item.title}-${index}`}
                                     value={`${item.title}-${index}`}
                                 >
-                                    <AccordionTrigger className="text-left">
-                                        <Text1 theme={overiddenTheme}>
+                                    <AccordionTrigger>
+                                        <Text1
+                                            theme={overiddenTheme}
+                                            className="text-left"
+                                        >
                                             {item.title}
                                         </Text1>
                                     </AccordionTrigger>