trends shown

app/(content)/(home)/home/page.tsx

@@ -2,6 +2,8 @@ import { CreateGweet } from "@/components/create-gweet/components/create-gweet"
 import { GlobalLayout } from "@/components/global-layout"
 import { Gweets } from "@/components/gweets/components/gweets"
 import ScrollToTop from "@/components/scroll-to-top"
+import { Trends } from "@/components/trends/components/trends"
+import { Card } from "@/components/ui/card"
 
 export default async function HomePage() {
     return (
@@ -17,6 +19,11 @@ export default async function HomePage() {
                     </div>
                 </>
             }
+            sideContent={
+                <Card className="p-5 bg-secondary">
+                    <Trends />
+                </Card>
+            }
         />
     )
 }
\ No newline at end of file