chore(Password demos): moved to Patterns (#11539)

* chore(Password demos): moved to Patterns

* Updated input type to password

Author: thatblindgeye

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

@@ -1,6 +1,6 @@
 ---
 id: Password generator
-section: components
+section: patterns
 ---
 
 import RedoIcon from '@patternfly/react-icons/dist/esm/icons/redo-icon';

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

@@ -1,6 +1,6 @@
 ---
 id: Password strength
-section: components
+section: patterns
 ---
 
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
@@ -13,7 +13,7 @@ import formStyles from '@patternfly/react-styles/css/components/Form/form';
 
 ### Basic validation
 
-Note, the validation and password strength rules are only examples, demonstrating the changes in the UI when certain conditions are met. We expect consumers will substitute their own, more robust, validation algorithm. In this demo the password strength is determined by how often validation rules are met. A good open-source password strength estimator, recommended by InfoSec, can be found here: https://github.com/dropbox/zxcvbn
+Note, the validation and password strength rules are only examples, demonstrating the changes in the UI when certain conditions are met. We expect consumers will substitute their own, more robust, validation algorithm. In this demo the password strength is determined by how often validation rules are met. A good open-source password strength estimator, recommended by InfoSec, is [zxcvbn](https://github.com/dropbox/zxcvbn).
 
 ```ts file="./examples/PasswordStrength/PasswordStrengthDemo.tsx"
 

packages/react-core/src/demos/examples/PasswordStrength/PasswordStrengthDemo.tsx

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React, { JSX } from 'react';
 import { Form, FormGroup, FormHelperText, HelperText, HelperTextItem, TextInput } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
 import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
@@ -102,7 +102,7 @@ export const PasswordStrengthDemo: React.FunctionComponent = () => {
       >
         <TextInput
           isRequired
-          type="text"
+          type="password"
           id="password-field"
           name="password-field"
           aria-describedby="password-field-helper"