Refactor code structure for improved readability and maintainability

Author: hannesrudolph

docs/roo-code-cloud/task-sharing.mdx

@@ -8,24 +8,7 @@ Share your Roo Code tasks and collaborate with others by making tasks publicly a
 You must be logged in to Roo Code Cloud to share tasks. If you haven't connected your account yet, follow the [login instructions](/roo-code-cloud/login) first.
 :::
 
-<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', backgroundColor: '#000' }}>
-  <iframe
-    src="https://www.youtube.com/embed/H2gTNLvs5LU?autoplay=1&loop=1&playlist=H2gTNLvs5LU&mute=1&controls=0&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&fs=0&cc_load_policy=0&hl=en&color=white&theme=dark"
-    style={{
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-      border: 'none',
-      background: 'transparent',
-    }}
-    frameBorder="0"
-    allow="autoplay; encrypted-media"
-    allowFullScreen
-    title="Roo Code Task Sharing Demo"
-  ></iframe>
-</div>
+<img src="/img/task-sharing/task-sharing-1.gif" alt="Roo Code Task Sharing Demo" width="600" />
 
 <br />
 

docs/update-notes/v3.22.0.mdx

@@ -4,24 +4,7 @@ This major release introduces 1-click task sharing, global rule directories, enh
 
 ## 1-Click Task Sharing
 
-<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', backgroundColor: '#000' }}>
-  <iframe
-    src="https://www.youtube.com/embed/H2gTNLvs5LU?autoplay=1&loop=1&playlist=H2gTNLvs5LU&mute=1&controls=0&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&fs=0&cc_load_policy=0&hl=en&color=white&theme=dark"
-    style={{
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-      border: 'none',
-      background: 'transparent',
-    }}
-    frameBorder="0"
-    allow="autoplay; encrypted-media"
-    allowFullScreen
-    title="Roo Code Task Sharing Demo"
-  ></iframe>
-</div>
+<img src="/img/task-sharing/task-sharing-1.gif" alt="Roo Code Task Sharing Demo" width="600" />
 
 We've added the ability to share your Roo Code tasks publicly right from within the extension ([learn more](/roo-code-cloud/task-sharing)):
 

docs/update-notes/v3.22.mdx

@@ -4,24 +4,7 @@ This major release introduces 1-click task sharing, global rule directories, enh
 
 ## 1-Click Task Sharing
 
-<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', backgroundColor: '#000' }}>
-  <iframe
-    src="https://www.youtube.com/embed/H2gTNLvs5LU?autoplay=1&loop=1&playlist=H2gTNLvs5LU&mute=1&controls=0&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&fs=0&cc_load_policy=0&hl=en&color=white&theme=dark"
-    style={{
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '100%',
-      border: 'none',
-      background: 'transparent',
-    }}
-    frameBorder="0"
-    allow="autoplay; encrypted-media"
-    allowFullScreen
-    title="Roo Code Task Sharing Demo"
-  ></iframe>
-</div>
+<img src="/img/task-sharing/task-sharing-1.gif" alt="Roo Code Task Sharing Demo" width="600" />
 
 We've added the ability to share your Roo Code tasks publicly right from within the extension ([learn more](/roo-code-cloud/task-sharing)):