auto format all the things

components/ContentSection.tsx

@@ -28,47 +28,45 @@ const ContentSection = () => {
                       What is Mango?
                     </h2>
                     <p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
-                  Mango is a decentralized autonomous organization. Its purpose is
+                      Mango is a decentralized autonomous organization. Its
-                  to contribute maximum value for the defi ecosystem and its
+                      purpose is to contribute maximum value for the defi
-                  developer community to create commercially viable decentralized
+                      ecosystem and its developer community to create
-                  trading and lending products for traders.
+                      commercially viable decentralized trading and lending
+                      products for traders.
                     </p>
 
                     <h2 className="text-3xl mb-6 leading-tight font-semibold font-heading">
-                  Why the{' '}
+                      Why the <GradientText>Insurance fund</GradientText>?
-                  <GradientText>
-                  Insurance fund
-                  </GradientText>
-                  ?
                     </h2>
                     <p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
-                  Mango protocol is powered by lenders providing their capital for
+                      Mango protocol is powered by lenders providing their
-                  the community to use for trading and borrowing purposes. The
+                      capital for the community to use for trading and borrowing
-                  insurance fund is the last line of defense for protecting our
+                      purposes. The insurance fund is the last line of defense
-                  mango lenders.
+                      for protecting our mango lenders.
                     </p>
                   </div>
 
                   <div className="mt-6 lg:mt-0">
                     <h2 className="text-3xl mb-6 leading-tight font-semibold font-heading">
-                What is the{' '}
+                      What is the <GradientText>$MNGO</GradientText> token?
-                <GradientText>$MNGO</GradientText>{' '}
-                token?
                     </h2>
                     <p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
                       We believe that substantial rewards to a strong developer
-                  community and liquidity incentives are the essential drivers for
+                      community and liquidity incentives are the essential
-                  growth and therefore the foundation of the Mango DAO.
+                      drivers for growth and therefore the foundation of the
+                      Mango DAO.
                     </p>
                     <p className="mb-8 text-lg text-white text-opacity-50 leading-relaxed">
-                  Mango Governance tokens ($MNGO) will serve as the incentive for
+                      Mango Governance tokens ($MNGO) will serve as the
-                  those who can proove their work is useful to the DAO.
+                      incentive for those who can proove their work is useful to
+                      the DAO.
                     </p>
                     <Button>Check out the whitepaper</Button>
 
                     <p className="text-white leading-relaxed py-4">
-                  <span className="text-mango-yellow">$MNGO</span> were only provided
+                      <span className="text-mango-yellow">$MNGO</span> were only
-                  to developers who helped to build out the protocol.
+                      provided to developers who helped to build out the
+                      protocol.
                     </p>
                   </div>
                 </div>
@@ -77,7 +75,6 @@ const ContentSection = () => {
           </div>
         </div>
 
-
         {/* Section 2 */}
         <div className="max-w-4xl mb-12 mx-auto text-center">
           <h2 className="mb-8 text-4xl lg:text-5xl text-white font-bold font-heading">
@@ -120,10 +117,7 @@ const ContentSection = () => {
                         Unrestricted
                       </span>{' '}
                       and{' '}
-                      <span className="text-mango-red italic">
+                      <span className="text-mango-red italic">Restricted</span>.
-                        Restricted
-                      </span>
-                      .
                     </p>
                     <div className="flex flex-wrap overflow-hiddenm mt-8">
                       <div className="w-full overflow-hidden lg:w-1/2 pr-4">

components/ContributionModal.tsx

@@ -151,7 +151,6 @@ const ContributionModal = () => {
   return (
     <>
       <div className="flex flex-wrap lg:flex-row justify-center">
-
         <div className="flex flex-col max-w-3xl bg-bkg-2 border border-bkg-3 p-7 rounded-lg shadow-md">
           <div className="pb-4 text-center">
             {!submitted && !submitting && !editContribution ? (
@@ -347,7 +346,6 @@ const ContributionModal = () => {
         <p>Current USDC in Pool: {vaults.usdc?.balance || 'N/A'}</p>
         <p>Locked MNGO in Pool: {vaults.mango?.balance || 'N/A'}</p> */}
         </div>
-
       </div>
     </>
   )

components/ModalSection.tsx

@@ -1,4 +1,4 @@
-import ContributionModal from "./ContributionModal"
+import ContributionModal from './ContributionModal'
 
 const ModalSection = () => {
   return (
@@ -8,9 +8,9 @@ const ModalSection = () => {
           It is still the early days.
         </h2>
         <p className="mb-8 text-2xl text-white text-opacity-50">
-            This is the first moment for non-developers to participate in
+          This is the first moment for non-developers to participate in helping
-            helping build the Mango protocol by supporting the inception of the
+          build the Mango protocol by supporting the inception of the protocols
-            protocols Insurance Fund.
+          Insurance Fund.
         </p>
       </div>
       <ContributionModal />

components/PoolCountdown.tsx

@@ -15,9 +15,7 @@ const PoolCountdown = (props: { className?: string; date: moment.Moment }) => {
       return <p className="text-mango-red">{message}</p>
     } else {
       return (
-        <div
+        <div className={`${props.className} font-bold text-white flex `}>
-          className={`${props.className} font-bold text-white flex `}
-        >
           <ClockIcon className="w-10 h-10 mr-2" />
           <span className="text-3xl">
             {/* <span className="bg-bkg-1 border border-bkg-4 mx-0.5 px-1.5 py-1 rounded"> */}