feat(switch): update switch topics

docs/angular/src/content/en/components/themes/roundness.mdx

@@ -20,7 +20,7 @@ Many Ignite UI components have predefined minimum and maximum border-radius valu
 When you set `--ig-radius-factor` to 0, the component uses its minimum border-radius and will appear more block-like with sharp corners. When set to 1, the component uses its maximum predefined border-radius and will appear rounded.
 
 Here is a list of the components that have predefined minimum and maximum border-radius values and can be modified using the `--ig-radius-factor` variable: <br/>
-• [Action Strip](/action-strip) • [Button](inputs/button) • [Button Group](/inputs/button-group) • [Calendar](/calendar) • [Card](/card) • [Carousel](/carousel) • [Checkbox](/checkbox) • [Chip](/chip) • [Combo](/combo) • [Date Picker](/date-picker) • [Date Range Picker](/date-range-picker) • [Grid](/grid/grid) • [Input Group](/input-group) • [Linear Progress](/linear-progress) • [List](/list) • [Month Picker](/month-picker) • [Navigation Drawer](/navdrawer) • [Radio](/radio-button) • [Ripple](/ripple) • [Snackbar](/snackbar) • [Switch](/switch) • [Toast](/toast)
+• [Action Strip](/action-strip) • [Button](inputs/button) • [Button Group](/inputs/button-group) • [Calendar](/calendar) • [Card](/card) • [Carousel](/carousel) • [Checkbox](/checkbox) • [Chip](/chip) • [Combo](/combo) • [Date Picker](/date-picker) • [Date Range Picker](/date-range-picker) • [Grid](/grid/grid) • [Input Group](/input-group) • [Linear Progress](/linear-progress) • [List](/list) • [Month Picker](/month-picker) • [Navigation Drawer](/navdrawer) • [Radio](/radio-button) • [Ripple](/ripple) • [Snackbar](/snackbar) • [Switch](inputs/switch) • [Toast](/toast)
 
 ## Usage
 

docs/angular/src/content/en/components/toc.json

@@ -1996,7 +1996,7 @@
   },
   {
     "name": "Switch",
-    "href": "switch.mdx"
+    "href": "inputs/switch.mdx"
   },
   {
     "name": "Query Builder",

docs/angular/src/content/en/components/tooltip.mdx

@@ -486,7 +486,7 @@ $dark-tooltip: tooltip-theme(
 ```
 
 <DocsAside type="info">
-In order to style any additional components that are used as part of the tooltip's content (such as [`IgxButton`](./inputs/button.mdx), [`IgxSwitch`](/switch), etc.), an additional theme should be created that is specific to the respective component and placed under the tooltip's scope only (so it does not affect the rest of the application).
+In order to style any additional components that are used as part of the tooltip's content (such as [`IgxButton`](./inputs/button.mdx), [`IgxSwitch`](./inputs/switch.mdx), etc.), an additional theme should be created that is specific to the respective component and placed under the tooltip's scope only (so it does not affect the rest of the application).
 </DocsAside>
 
 Since the tooltip uses the [`IgxOverlayService`](/overlay), in order for our custom theme to reach down the tooltip that we want to style, we will provide a specific outlet where the tooltip will be placed in the DOM when it is visible.

docs/xplat/src/content/en/components/inputs/badge.mdx

@@ -685,13 +685,13 @@ The badge can also have a subtle border around it when the <ApiLink pkg="core" t
 
 <PlatformBlock for="Angular">
 
-<Sample src="/data-display/badge-outlined" height={212} position="center" noBorder={false} spacing="md" alt="Angular Badge outlined example" />
+<Sample src="/data-display/badge-outlined" height={250} position="center" noBorder={false} spacing="md" alt="Angular Badge outlined example" />
 
 </PlatformBlock>
 
 <PlatformBlock for="React,WebComponents,Blazor">
 
-<Sample src="/inputs/badge/outlined" height={212} position="center" noBorder={false} spacing="md" alt="{Platform} Badge Example" />
+<Sample src="/inputs/badge/outlined" height={250} position="center" noBorder={false} spacing="md" alt="{Platform} Badge Example" />
 
 The border color of the outlined badge can also be customized using the `--border-color` CSS variable.