Run format, eslint

src/components/about/FAQs.tsx

@@ -1,22 +1,21 @@
-import React from 'react'
+import React from "react";
 import Header from "@/components/Header";
-import FAQ from "@/components/about/FAQ"
-import faqs from '@/data/FAQ';
+import FAQ from "@/components/about/FAQ";
+import faqs from "@/data/FAQ";
 
 const FAQs = () => {
  return (
- <div className="w-full relative">
-  <div className="flex text-xl justify-start">
-  <div className=""></div>
-  <Header position="left" title="FAQs" />
-  </div>
+ <div className="relative w-full">
+ <div className="flex justify-start text-xl">
+ <div className=""></div>
+ <Header position="left" title="FAQs" />
+ </div>
 
- <div className='grid grid-cols-2 m-16'>
+ <div className="m-16 grid grid-cols-2">
  {faqs.map((faq, index) => (
  <FAQ key={index} text={faq.question} />
  ))}
- </div>
-
+ </div>
  </div>
  );
 };

src/data/Faq.js

@@ -1,36 +1,36 @@
 const faqs = [
  {
  question: "When and where is practice?",
- answer: ""
+ answer: "",
  },
  {
  question: "Do you need to be experienced to join and participate?",
- answer: ""
+ answer: "",
  },
  {
  question: "What should you bring?",
- answer: ""
+ answer: "",
  },
  {
  question: "What does practice look like?",
- answer: ""
+ answer: "",
  },
  {
  question: "How much are dues?",
- answer: ""
+ answer: "",
  },
  {
  question: "Need shuttling?",
- answer: ""
+ answer: "",
  },
  {
  question: "Boxing / Gym Etiquette",
- answer: ""
+ answer: "",
  },
  {
  question: "Do we spar?",
- answer: ""
- }
+ answer: "",
+ },
 ];
 
 export default faqs;