chore(docs): update demo flags from js to ts (#12054)

Author: Mash707

packages/react-core/src/demos/AlertGroup.md

@@ -15,6 +15,6 @@ This demonstrates how you can assemble a full page view including the use of ale
 
 ### Alert group toast with notification drawer
 
-```js file='./examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx' isFullscreen
+```ts file="examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx" isFullscreen
 
 ```

packages/react-core/src/demos/BackToTop.md

@@ -11,5 +11,5 @@ import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/Dashboard
 
 Note that `tabIndex={0}` is added to the scrolling `PageSection` of the page to allow keyboard users the ability to focus and scroll.
 
-```js isFullscreen file="./examples/BackToTop/BackToTopNameDemo.tsx"
+```ts file="examples/BackToTop/BackToTopNameDemo.tsx" isFullscreen
 ```

packages/react-core/src/demos/CardView/CardView.md

@@ -27,5 +27,5 @@ This demonstrates how you can assemble a full page view that contains a grid of
 
 ### Card view
 
-```js file="./examples/CardView.tsx" isFullscreen
+```ts file="examples/CardView.tsx" isFullscreen
 ```

packages/react-core/src/demos/DataListDemo.md

@@ -23,24 +23,24 @@ import { rows } from '@patternfly/react-core/dist/esm/demos/sampleData';
 
 ### Basic
 
-```js file="./DataList/examples/DataListBasic.tsx" isFullscreen
+```ts file="DataList/examples/DataListBasic.tsx" isFullscreen
 
 ```
 
 ### Expandable control in toolbar
 
-```js file="./DataList/examples/DataListExpandableControlInToolbar.tsx" isFullscreen
+```ts file="DataList/examples/DataListExpandableControlInToolbar.tsx" isFullscreen
 
 ```
 
 ### Actionable
 
-```js file="./DataList/examples/DataListActionable.tsx" isFullscreen
+```ts file="DataList/examples/DataListActionable.tsx" isFullscreen
 
 ```
 
 ### Static bottom pagination
 
-```js file="./DataList/examples/DataListStaticBottomPagination.tsx" isFullscreen
+```ts file="DataList/examples/DataListStaticBottomPagination.tsx" isFullscreen
 
 ```

packages/react-core/src/demos/DescriptionList/DescriptionList.md

@@ -12,10 +12,10 @@ import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/Dashboard
 
 ### Basic
 
-```js file='./examples/DescriptionListBasic.tsx' isFullscreen
+```ts file="examples/DescriptionListBasic.tsx" isFullscreen
 ```
 
 ### In drawer
 
-```js file='./examples/DescriptionListInDrawer.tsx' isFullscreen
+```ts file="examples/DescriptionListInDrawer.tsx" isFullscreen
 ```

packages/react-core/src/demos/Nav.md

@@ -19,45 +19,45 @@ import { DashboardHeader } from '@patternfly/react-core/dist/js/demos/DashboardH
 
 ### Default nav
 
-```js file='./examples/Nav/NavDefault.tsx' isFullscreen
+```ts file="./examples/Nav/NavDefault.tsx" isFullscreen
 ```
 
 ### Grouped nav
 
-```js file='./examples/Nav/NavGrouped.tsx' isFullscreen
+```ts file="./examples/Nav/NavGrouped.tsx" isFullscreen
 ```
 
 ### Expandable nav
 
-```js file='./examples/Nav/NavExpandable.tsx' isFullscreen
+```ts file="./examples/Nav/NavExpandable.tsx" isFullscreen
 ```
 
 ### Horizontal nav
 
-```js file='./examples/Nav/NavHorizontal.tsx' isFullscreen
+```ts file="./examples/Nav/NavHorizontal.tsx" isFullscreen
 ```
 
 ### Horizontal subnav
 
-```js file='./examples/Nav/NavWithSubnav.tsx' isFullscreen
+```ts file="./examples/Nav/NavWithSubnav.tsx" isFullscreen
 ```
 
 ### Horizontal nav with horizontal subnav
 
-```js file='./examples/Nav/NavHorizontalWithSubnav.tsx' isFullscreen
+```ts file="./examples/Nav/NavHorizontalWithSubnav.tsx" isFullscreen
 ```
 
 ### Manual nav
 
-```js file='./examples/Nav/NavManual.tsx' isFullscreen
+```ts file="./examples/Nav/NavManual.tsx" isFullscreen
 ```
 
 ### Flyout nav
 
-```js file='./examples/Nav/NavFlyout.tsx' isFullscreen
+```ts file="./examples/Nav/NavFlyout.tsx" isFullscreen
 ```
 
 ### Drilldown nav
 
-```js isFullscreen file="./examples/Nav/NavDrilldown.tsx"
+```ts isFullscreen file="./examples/Nav/NavDrilldown.tsx"
 ```

packages/react-core/src/demos/PrimaryDetail.md

@@ -31,32 +31,32 @@ import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/Dashboard
 
 ### Primary-detail full page
 
-```js file="./examples/PrimaryDetail/PrimaryDetailFullPage.tsx" isFullscreen
+```ts file="examples/PrimaryDetail/PrimaryDetailFullPage.tsx" isFullscreen
 ```
 
 ### Primary-detail content padding
 
-```js file="./examples/PrimaryDetail/PrimaryDetailContentPadding.tsx" isFullscreen
+```ts file="examples/PrimaryDetail/PrimaryDetailContentPadding.tsx" isFullscreen
 
 ```
 
 ### Primary-detail card view
 
-```js file="./examples/PrimaryDetail/PrimaryDetailCardView.tsx" isFullscreen
+```ts file="examples/PrimaryDetail/PrimaryDetailCardView.tsx" isFullscreen
 ```
 
 ### Primary-detail simple list in card
 
-```js file="./examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx" isFullscreen
+```ts file="examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx" isFullscreen
 ```
 
 ### Primary-detail data list in card
 
-```js file="./examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx" isFullscreen
+```ts file="examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx" isFullscreen
 ```
 
 ### Primary-detail inline modifier
 
-```js file="./examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx" isFullscreen
+```ts file="examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx" isFullscreen
 
 ```

packages/react-core/src/demos/RTL/RTL.md

@@ -28,6 +28,6 @@ This demonstrates how the UI adapts to the writing mode of the page.
 
 ### Paginated table
 
-```js file="./examples/PaginatedTable.tsx" isFullscreen
+```ts file="examples/PaginatedTable.tsx" isFullscreen
 
 ```

packages/react-core/src/demos/Toolbar.md

@@ -20,5 +20,5 @@ import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/Dashboard
 
 This is an example of toolbar usage in log viewer.
 
-```js file="./examples/Toolbar/ConsoleLogViewerToolbar.tsx" isFullscreen
+```ts file="examples/Toolbar/ConsoleLogViewerToolbar.tsx" isFullscreen
 ```

packages/react-core/src/demos/examples/BackToTop/BackToTopNameDemo.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { BackToTop, Card, CardBody, Content, Gallery, GalleryItem, PageSection, Switch } from '@patternfly/react-core';
 import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
 
-export const Name = () => {
+export const BacktoTopNameDemo: React.FunctionComponent = () => {
   const [isAlwaysVisible, setIsAlwaysVisible] = useState(false);
 
   const handleChange = (_event, isChecked) => {