docs: migrate guides from v1 to v2 Starlight

Author: mohith2883

packages/docs/src/content/docs/guides/background-removal.mdx

@@ -1,15 +1,7 @@
 ---
 title: Guides/Background Removal
-order: 1
 ---
 
-<script>
-
-import Callout from '$lib/components/Callout.svelte'
-import { Tabs, Tab} from '$lib/components/Tabs'
-import { CldOgImage, CldImage } from 'svelte-cloudinary'
-
-</script>
 
 # Removing a Background from an Image
 

packages/docs/src/content/docs/guides/image-optimization.mdx

@@ -59,12 +59,14 @@ You can further optimize delivery by using [responsive sizing](/guides/responsiv
   </Tab>
 </Tabs>
 
+<!--
 ## Watch & Learn
 
 <Video
   title="Optimize Images, Responsive Sizing, & AI Cropping in Svelte with Svelte Cloudinary"
   url="https://www.youtube.com/watch?v=Vr3H3XREkbw"
 />
+-->
 
 ## Learn More
 

packages/docs/src/content/docs/guides/placeholders.mdx

@@ -31,6 +31,7 @@ To do this, we have several options:
 To achieve a blurred image effect, we can first convert our Cloudinary image to a Data URL
 then pass it in to our CldImage component.
 
+<!--
 <HeaderImage>
   <CldImage
     width="800"
@@ -43,6 +44,7 @@ then pass it in to our CldImage component.
     alt="Mountains"
   />
 </HeaderImage>
+-->
 
     Inside of the SvelteKit app, we can utilize server side code to generate a data URL from our image.