added featured event widget on timeline

packages/app/src/pages/timeline/index.jsx

@@ -3,41 +3,47 @@ import { Translation } from "react-i18next"
 
 import { PagePanelWithNavMenu } from "@components/PagePanels"
 import TrendingsCard from "@components/TrendingsCard"
+import FeaturedEvents from "@components/FeaturedEventsAnnouncements"
 
 import usePageWidgets from "@hooks/usePageWidgets"
-
 import Tabs from "./tabs"
 
 const TimelinePage = () => {
-    usePageWidgets([
+	usePageWidgets([
-        {
+		{
-            id: "trendings",
+			id: "trendings",
-            component: TrendingsCard
+			component: TrendingsCard,
-        }
+		},
-    ])
+		{
+			id: "featured_events",
+			component: FeaturedEvents,
+		},
+	])
 
-    return <PagePanelWithNavMenu
+	return (
-        tabs={Tabs}
+		<PagePanelWithNavMenu
-        extraItems={[
+			tabs={Tabs}
-            {
+			extraItems={[
-                key: "create",
+				{
-                icon: "FiPlusCircle",
+					key: "create",
-                label: <Translation>{(t) => t("Create")}</Translation>,
+					icon: "FiPlusCircle",
-                props: {
+					label: <Translation>{(t) => t("Create")}</Translation>,
-                    type: "primary",
+					props: {
-                    onClick: app.controls.openPostCreator
+						type: "primary",
-                }
+						onClick: app.controls.openPostCreator,
-            },
+					},
-        ]}
+				},
-        onTabChange={() => {
+			]}
-            app.layout.scrollTo({
+			onTabChange={() => {
-                top: 0,
+				app.layout.scrollTo({
-            })
+					top: 0,
-        }}
+				})
-        useSetQueryType
+			}}
-        transition
+			useSetQueryType
-        masked
+			transition
-    />
+			masked
+		/>
+	)
 }
 
-export default TimelinePage
+export default TimelinePage