From c1086027721ce99661fd00e9519cba4550aa993f Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Sun, 22 Sep 2024 16:32:12 +0000
Subject: [PATCH] refactor: remove extra closing tags

Components without children can be self-closed to avoid the unnecessary extra closing tag. In JSX, closing tags are required when the component has children example `<MyComponent>...</MyComponent>` and if there are no child component between these tags, then this component can be self closed using `<MyComponent />`. It is recommended as it improves readability, and it is more compact to use self-closing for these types of components.
---
 src/components/Aboutpage/index.tsx     | 2 +-
 src/components/Roadmap/ProgressBar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Aboutpage/index.tsx b/src/components/Aboutpage/index.tsx
index e126bff63..c09892849 100644
--- a/src/components/Aboutpage/index.tsx
+++ b/src/components/Aboutpage/index.tsx
@@ -316,7 +316,7 @@ export default function AboutUsSection() {
                 stiffness: 100,
                 delay: 0.2,
               }}
-            ></motion.div>
+             />
           </div>
         </div>
       </div>
diff --git a/src/components/Roadmap/ProgressBar.tsx b/src/components/Roadmap/ProgressBar.tsx
index 8a83ebc66..6c3662b31 100644
--- a/src/components/Roadmap/ProgressBar.tsx
+++ b/src/components/Roadmap/ProgressBar.tsx
@@ -21,7 +21,7 @@ const ProgressBar: React.FC<ProgressBarProps> = ({ completed, total }) => {
           className={`shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center ${
             percentage === 100 ? "bg-green-500" : "bg-teal-500"
           }`}
-        ></div>
+         />
       </div>
     </div>
   );