Restyle modify components with tailwind css

src/components/Aboutpage/chart.tsx

@@ -170,4 +170,4 @@ const Chart: React.FC = () => {
     );
 };
 
-export { Chart, Community, Courses, Tutorials, Problems, Solutions };
+export { Chart, Community, Courses, Tutorials, Problems, Solutions };

src/components/Aboutpage/index.tsx

@@ -17,7 +17,7 @@ export default function AboutUsSection() {
     <section className="py-16">
       <div className="container mx-auto">
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-          
+
           <div>
             <motion.div
               initial={{ opacity: 0, x: -150 }}

src/components/Author/index.tsx

@@ -54,4 +54,4 @@ const Author: React.FC<AuthorProps> = ({ username }) => {
   );
 };
 
-export default Author;
+export default Author;

src/components/CareerPage/index.tsx

@@ -136,4 +136,4 @@ const CareerPage: React.FC = () => {
   );
 };
 
-export default CareerPage;
+export default CareerPage;

src/components/FAQs.tsx

@@ -95,4 +95,4 @@ const FAQs: React.FC = () => {
   );
 };
 
-export default FAQs;
+export default FAQs;