V2Wizard: Replace h2 heading with h1 and sizing

This replaces h2 heading on the steps with h1 and adds a size modifier to keep the sizes approximately similar.

src/Components/CreateImageWizardV2/steps/Details/index.tsx

@@ -45,7 +45,9 @@ const DetailsStep = () => {
 
   return (
     <Form>
-      <Title headingLevel="h2">Details</Title>
+      <Title headingLevel="h1" size="xl">
+        Details
+      </Title>
       <Text>
         Optionally enter a name to identify your image later quickly. If you do
         not provide one, the UUID will be used as the name.

src/Components/CreateImageWizardV2/steps/ImageOutput/index.tsx

@@ -17,7 +17,9 @@ const ImageOutputStep = () => {
 
   return (
     <Form>
-      <Title headingLevel="h2">Image output</Title>
+      <Title headingLevel="h1" size="xl">
+        Image output
+      </Title>
       <Text>
         Image builder allows you to create a custom image and push it to target
         environments.

src/Components/CreateImageWizardV2/steps/Oscap/index.tsx

@@ -16,7 +16,9 @@ const OscapStep = () => {
 
   return (
     <Form>
-      <Title headingLevel="h2">OpenSCAP profile</Title>
+      <Title headingLevel="h1" size="xl">
+        OpenSCAP profile
+      </Title>
       <Text>
         Use OpenSCAP to monitor the adherence of your registered RHEL systems to
         a selected regulatory compliance profile

src/Components/CreateImageWizardV2/steps/Packages/index.tsx

@@ -7,7 +7,9 @@ import Packages from './Packages';
 const PackagesStep = () => {
   return (
     <Form>
-      <Title headingLevel="h2">Additional packages</Title>
+      <Title headingLevel="h1" size="xl">
+        Additional packages
+      </Title>
       <Text>
         Images built with Image Builder include all required packages.
       </Text>

src/Components/CreateImageWizardV2/steps/Registration/index.tsx

@@ -20,7 +20,9 @@ const RegistrationStep = () => {
   const activationKey = useAppSelector((state) => selectActivationKey(state));
   return (
     <Form>
-      <Title headingLevel="h2">Register systems using this image</Title>
+      <Title headingLevel="h1" size="xl">
+        Register systems using this image
+      </Title>
       <Text>
         Automatically register your systems with Red Hat to enhance security and
         track your spending.

src/Components/CreateImageWizardV2/steps/Repositories/index.tsx

@@ -27,7 +27,9 @@ const ManageRepositoriesButton = () => {
 const RepositoriesStep = () => {
   return (
     <Form>
-      <Title headingLevel="h2">Custom repositories</Title>
+      <Title headingLevel="h1" size="xl">
+        Custom repositories
+      </Title>
       <Text>
         Select from linked custom repositories from which to search and add
         packages to this image.

src/Components/CreateImageWizardV2/steps/Review/index.tsx

@@ -7,7 +7,9 @@ import Review from './ReviewStep';
 const ReviewStep = () => {
   return (
     <Form>
-      <Title headingLevel="h2">Review</Title>
+      <Title headingLevel="h1" size="xl">
+        Review
+      </Title>
       <Review />
     </Form>
   );

src/Components/CreateImageWizardV2/steps/TargetEnvironment/Aws/index.tsx

@@ -55,7 +55,9 @@ const Aws = () => {
 
   return (
     <Form>
-      <Title headingLevel="h2">Target environment - Amazon Web Services</Title>
+      <Title headingLevel="h1" size="xl">
+        Target environment - Amazon Web Services
+      </Title>
       <Text>
         Your image will be uploaded to AWS and shared with the account you
         provide below.

src/Components/CreateImageWizardV2/steps/TargetEnvironment/Azure/index.tsx

@@ -67,7 +67,9 @@ const Azure = () => {
 
   return (
     <Form>
-      <Title headingLevel="h2">Target environment - Microsoft Azure</Title>
+      <Title headingLevel="h1" size="xl">
+        Target environment - Microsoft Azure
+      </Title>
       <Text>
         Upon build, Image Builder sends the image to the selected authorized
         Azure account. The image will be uploaded to the resource group in the

src/Components/CreateImageWizardV2/steps/TargetEnvironment/Gcp/index.tsx

@@ -31,7 +31,7 @@ const Gcp = () => {
 
   return (
     <Form>
-      <Title headingLevel="h2">
+      <Title headingLevel="h1" size="xl">
         Target environment - Google Cloud Platform
       </Title>
       <Text>