docs: S2 docs high priority fixes from testing (#9220)

* fix skeleton title for index page

* remove Home link from Overview section

* convert relative links in markdown from .html links to .md

* fix card logo centering in Safari

* add homepage links to mobile header

* fix blog video props to match originals

* improve search sections

* refine "All" tag display logic

* fix missing 'client side routing guides' and 'framework setup guides' links

* don't clear search field before navigation

* remove useEffects

* keep 'All' tag after its added

* fix extra newline in code output

* add comment

* Merge remote-tracking branch 'origin/main' into s2-docs-testing-followup-high-priority

---------

Co-authored-by: Daniel Lu <[email protected]>

Author: reidbarber

packages/dev/docs/pages/assets/component-illustrations/AdobeDefault.svg

@@ -4,6 +4,7 @@ export default Layout;
 
 export const section = 'Getting started';
 export const hideNav = true;
+export const hideFromSearch = true;
 
 <WelcomeHeader />
 

packages/dev/docs/pages/assets/component-illustrations/InternationalizedDefault.svg

@@ -413,7 +413,7 @@ function AsyncLoadingExample() {
 
 ### Links
 
-Use the `href` prop on a `<GridListItem>` to create a link. See the **client side routing guide** to learn how to integrate with your framework. Link interactions vary depending on the selection behavior. See the [selection guide](selection.html?component=GridList#selection-behavior) for more details.
+Use the `href` prop on a `<GridListItem>` to create a link. See the [framework setup guide](frameworks.html) to learn how to integrate with your framework. Link interactions vary depending on the selection behavior. See the [selection guide](selection.html?component=GridList#selection-behavior) for more details.
 
 ```tsx render docs={docs.exports.GridList} links={docs.links} props={['selectionBehavior']} initialProps={{'aria-label': 'Links', selectionMode: 'multiple'}} wide
 "use client";

packages/dev/docs/pages/assets/component-illustrations/ReactAriaDefault.svg

@@ -193,7 +193,7 @@ function AsyncLoadingExample() {
 
 ### Links
 
-Use the `href` prop on a `<ListBoxItem>` to create a link. See the **client side routing guide** to learn how to integrate with your framework.
+Use the `href` prop on a `<ListBoxItem>` to create a link. See the [framework setup guide](frameworks.html) to learn how to integrate with your framework.
 
 By default, link items in a ListBox are not selectable, and only perform navigation when the user interacts with them. However, with `selectionBehavior="replace"`, items will be selected when single clicking or pressing the <Keyboard>Space</Keyboard> key, and navigate to the link when double clicking or pressing the <Keyboard>Enter</Keyboard> key.
 

packages/dev/s2-docs/pages/index.mdx

@@ -281,7 +281,7 @@ import {Button} from 'vanilla-starter/Button';
 
 ### Links
 
-Use the `href` prop on a `<MenuItem>` to create a link. See the **client side routing guide** to learn how to integrate with your framework.
+Use the `href` prop on a `<MenuItem>` to create a link. See the [framework setup guide](frameworks.html) to learn how to integrate with your framework.
 
 ```tsx render hideImports
 "use client";

packages/dev/s2-docs/pages/react-aria/GridList.mdx

@@ -256,7 +256,7 @@ function AsyncSortTable() {
 
 ### Links
 
-Use the `href` prop on a `<Row>` to create a link. See the **client side routing guide** to learn how to integrate with your framework. Link interactions vary depending on the selection behavior. See the [selection guide](selection.html) for more details.
+Use the `href` prop on a `<Row>` to create a link. See the [framework setup guide](frameworks.html) to learn how to integrate with your framework. Link interactions vary depending on the selection behavior. See the [selection guide](selection.html) for more details.
 
 ```tsx render docs={docs.exports.ListBox} links={docs.links} props={['selectionBehavior']} initialProps={{'aria-label': 'Bookmarks', selectionMode: 'multiple'}} wide
 "use client";

packages/dev/s2-docs/pages/react-aria/ListBox.mdx

@@ -176,7 +176,7 @@ function Example() {
 
 ### Links
 
-Use the `href` prop on a `<Tab>` to create a link. See the **client side routing guide** to learn how to integrate with your framework. This example uses a simple hash-based router to sync the selected tab to the URL.
+Use the `href` prop on a `<Tab>` to create a link. See the [framework setup guide](frameworks.html) to learn how to integrate with your framework. This example uses a simple hash-based router to sync the selected tab to the URL.
 
 ```tsx render
 "use client";

packages/dev/s2-docs/pages/react-aria/Menu.mdx

@@ -76,7 +76,7 @@ function Example() {
 
 ### Links
 
-Use the `href` prop on a `<Tag>` to create a link. See the **client side routing guide** to learn how to integrate with your framework.
+Use the `href` prop on a `<Tag>` to create a link. See the [framework setup guide](frameworks.html) to learn how to integrate with your framework.
 
 ```tsx render
 "use client";