New SDK showcase dashboards (#3769)

* fix(docs): added margin between sections

* feat: new showcase items

* Update showcase.md

* Update showcase.md

Co-authored-by: Jeroen Bouma <jer.bouma@gmail.com>

website/content/sdk/showcase.md

@@ -12,12 +12,34 @@ This page contains a list of projects that use the OpenBB SDK. If you have a pro
 
 <ShowcaseItem
 categories={['Crypto', 'NFTs']}
-title="AI1 Crypto"
-description="AI1 Crypto is a cryptocurrency dashboard that allows you get an overview of the current state of the cryptocurrency market."
+title="Ai1Crypto"
+description="Ai1Crypto is a cryptocurrency dashboard that allows you get an overview of the current state of the cryptocurrency market."
 url="https://ai1crypto.vercel.app/">
 
 <iframe style={{height: 400}} className="w-full rounded"
-src="https://ai1crypto.vercel.app/" title="AI1 Crypto"></iframe>
+src="https://ai1crypto.vercel.app/" title="Ai1Crypto"></iframe>
+</ShowcaseItem>
+
+<ShowcaseItem
+categories={['Commodities', 'Economy', 'Crypto', 'Stocks']}
+title="DirtyDefi’s Streamlit Dashboard"
+description="A dashboard built with information from OpenBB by Joseph B, also known as DirtyDefi."
+url="https://openbb.streamlit.app/">
+
+<iframe style={{height: 400}} className="w-full rounded"
+src="https://openbb.streamlit.app/?embedded=true" title="DirtyDefi’s Streamlit Dashboard"></iframe>
+</ShowcaseItem>
+
+<ShowcaseItem
+categories={['Economy', 'ETF', 'Stocks']}
+title="Kulbinderdio’s Streamlit Dashboard"
+description="A dashboard built with information from OpenBB by Kulbinderdio."
+url="https://github.com/kulbinderdio/streamlit_openBB">
+
+<video style={{height: 400}} className="w-full rounded" controls>
+  <source src="https://user-images.githubusercontent.com/4700433/205459912-9c9a10ac-50ce-42e3-8bf1-ad2e5a64b2a1.mp4" type="video/mp4" />
+Your browser does not support the video tag.
+</video>
 </ShowcaseItem>
 
 ---

website/src/components/General/ShowcaseItem.tsx

@@ -17,7 +17,7 @@ export default function ShowcaseItem({
   categories,
 }: Props) {
   return (
-    <div>
+    <div className="mb-20">
       <div className="flex gap-3 items-center">
         <h3 className="font-bold text-xl my-4">{title}</h3>
         <div className="flex gap-2 items-center">