Dropdown styling and init react helmet

src/pages/Settings/Customization.tsx

@@ -2,18 +2,18 @@ import { motion } from "framer-motion";
 import { tabContentVariant, settingsPageVariant } from "./Variants";
 
 const Customization = ({ id, active }) => (
-  <motion.div
-    role="tabpanel"
-    id={id}
-    className="tab-content"
-    variants={tabContentVariant}
-    animate={active ? "active" : "inactive"}
-    initial="inactive"
-  >
-    <motion.div variants={settingsPageVariant} className="content-card">
-      <h1>Customization</h1>
+    <motion.div
+      role="tabpanel"
+      id={id}
+      className="tab-content"
+      variants={tabContentVariant}
+      animate={active ? "active" : "inactive"}
+      initial="inactive"
+    >
+      <motion.div variants={settingsPageVariant} className="content-card">
+        <h1>Customization</h1>
+      </motion.div>
     </motion.div>
-  </motion.div>
 );
 
 export default Customization;