lower the case

Author: KTibow

src/demos.md

@@ -50,7 +50,7 @@ let link = false;
 </div>
 ```
 
-## Segmented Button
+## Segmented button
 
 Minimal demo:
 
@@ -302,7 +302,7 @@ let icons = false;
 </Menu>
 ```
 
-## Bottom Sheet
+## Bottom sheet
 
 Minimal demo:
 

src/routes/1.svelte

@@ -21,7 +21,7 @@ ${"<"}/SegmentedButtonContainer>`;
 const relevantLinks = [{"title":"SegmentedButtonContainer.sv","link":"https://github.com/KTibow/m3-svelte/blob/main/src/lib/buttons/SegmentedButtonContainer.svelte"},{"title":"SegmentedButtonItem.sv","link":"https://github.com/KTibow/m3-svelte/blob/main/src/lib/buttons/SegmentedButtonItem.svelte"}];
 </script>
 
-<InternalCard title="Segmented Button" on:showCode={() => dispatch("showCode", { name: "Segmented Button", minimalDemo, relevantLinks })}>
+<InternalCard title="Segmented button" on:showCode={() => dispatch("showCode", { name: "Segmented button", minimalDemo, relevantLinks })}>
 <label>
   <Switch bind:checked={multiselect} />
   {multiselect ? "Multi-select" : "Single-select"}

src/routes/6.svelte

@@ -18,7 +18,7 @@ const minimalDemo = `{#if open}
 const relevantLinks = [{"title":"BottomSheet.sv","link":"https://github.com/KTibow/m3-svelte/blob/main/src/lib/containers/BottomSheet.svelte"}];
 </script>
 
-<InternalCard title="Bottom Sheet" on:showCode={() => dispatch("showCode", { name: "Bottom Sheet", minimalDemo, relevantLinks })}>
+<InternalCard title="Bottom sheet" on:showCode={() => dispatch("showCode", { name: "Bottom sheet", minimalDemo, relevantLinks })}>
 <div slot="demo">
   <Button type="tonal" on:click={() => (open = true)}>Open</Button>
   {#if open}

static/llms.txt

@@ -598,7 +598,7 @@ let link = false;` to make this demo:
 </div>
 ```
 
-### Segmented Button
+### Segmented button
 
 Minimal demo:
 ```svelte
@@ -793,7 +793,7 @@ The M3 Svelte interactive demo for this component uses Menu, MenuItem with the T
 </Menu>
 ```
 
-### Bottom Sheet
+### Bottom sheet
 
 Minimal demo:
 ```svelte