Issue #3271378: Refactor the CxUD forms in Cloud Dashboard

modules/cloud_dashboard/cloud_dashboard/src/pages/openstack/OpenstackCreatePage.tsx

-import PanelWrapper from 'atoms/PanelWrapper';
-import Button from 'bootstrap3-components/Button';
-import Col from 'bootstrap3-components/Col';
-import FluidContainer from 'bootstrap3-components/FluidContainer';
-import Form from 'bootstrap3-components/Form';
-import GlyphIcon from 'bootstrap3-components/GlyphIcon';
-import Row from 'bootstrap3-components/Row';
-import KeyValueBlock from 'molecules/KeyValueBlock';
-import MenuBar from 'organisms/MenuBar';
-import { useContext } from 'react';
-import { useTranslation } from 'react-i18next';
-import { AppContext } from 'service/state';
-
-/**
- * Page of entity creator.
- */
-const OpenStackCreatePage = () => {
-  const { cloudContext } = useContext(AppContext);
-  const { t } = useTranslation();
-
-  return <>
-    <MenuBar />
-    <FluidContainer className="px-0">
-      <Row className="mx-0">
-        <Col>
-          <Form>
-            <PanelWrapper titleKey={cloudContext.name} title={cloudContext.name}>
-              <KeyValueBlock record={{type: 'div', key: 'Cloud service provider', value: cloudContext.cloudServiceProvider}} />
-              <KeyValueBlock record={{type: 'div', key: 'Cloud context', value: cloudContext.name}} />
-            </PanelWrapper>
-            <Button className="icon-before btn-success">
-              <GlyphIcon iconName="ok" />{' ' + t('Save')}
-            </Button>
-          </Form>
-        </Col>
-      </Row>
-    </FluidContainer>
-  </>;
-
-}
-
-export default OpenStackCreatePage;