chore: update demo app with auto heading

packages/dnb-design-system-portal/src/docs/uilib/demos/eufemia-demo/form-demo-01.js

@@ -19,8 +19,9 @@ import styled from '@emotion/styled'
 import Layout from '../layout/Layout'
 
 // Get Eufemia in
-import { H1, H2, P } from 'dnb-ui-lib/src/elements'
+import { P } from 'dnb-ui-lib/src/elements'
 import {
+  Heading,
   FormSet,
   FormRow,
   Input,
@@ -63,7 +64,7 @@ const Header = () => (
     </Head>
     <HeaderSection style_type="mint-green">
       <HeaderTitleWrapper top="x-large">
-        <H1 size="x-large">Card complaint</H1>
+        <Heading size="x-large">Card complaint</Heading>
       </HeaderTitleWrapper>
 
       <StepIndicator
@@ -101,7 +102,7 @@ const MainForm = () => {
     <FormSet vertical prevent_submit on_submit={submitHandler}>
       <WidthLimit>
         <Section top="medium" spacing="x-large" style_type="white">
-          <H2>What has happened?</H2>
+          <Heading>What has happened?</Heading>
           <Ingress>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
             eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
@@ -131,7 +132,7 @@ const MainForm = () => {
         </Section>
 
         <Section spacing="x-large">
-          <H2>Lorem ipsum</H2>
+          <Heading>Lorem ipsum</Heading>
           <Ingress>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
             eiusmod tempor incididunt ut labore.
@@ -201,7 +202,7 @@ const MainForm = () => {
         </Section>
 
         <Section spacing="x-large" style_type="white">
-          <H2>Attachment</H2>
+          <Heading>Attachment</Heading>
 
           <Ingress bottom="x-small">
             If you have a receipt of the ATM transaction showing that money