Added new feature

Author: Khalidnoori568

apps/web/app/page.tsx

@@ -4,6 +4,7 @@ import React, { useState } from "react";
 import "./page.module.css";
 import QuizMarkdownEditor from "../components/markdown-editor";
 import ChatgptEditor from "../components/chatgpt-editor";
+import TwitterEditor from "../components/twitter-editor";
 import GradientEditor from "../components/gradient-editor";
 import { CardSizeProvider } from "@repo/ui/context/CardSizeContext";
 
@@ -15,12 +16,15 @@ const tabs = [
   {
     key: "chatgpt",
     label: "ChatGPT Card",
-  }
-  // ,
+  },
   // {
   //   key: "gradient",
   //   label: "Gradient Card",
   // },
+  {
+    key: "twitter",
+    label: "Twitter Card",
+  }
 ];
 
 export default function Home() {
@@ -31,8 +35,9 @@ export default function Home() {
       <CardSizeProvider>
         {tab === "markdown" ? <QuizMarkdownEditor /> : null}
         {tab === "chatgpt" ? <ChatgptEditor /> : null}
-        {/* {tab === "gradient" ? <GradientEditor /> : null} */}
+         {/* {tab === "gradient" ? <GradientEditor /> : null} */}
+        {tab === "twitter" ? <TwitterEditor /> : null}
       </CardSizeProvider>
     </MainHomeLayout>
   );
-}
+}