Add sample step components for the remaining steps with accompaning text

- rename step subfolders from <name>step to <name>

frontend/src/components/steps/zone/ZoneSelector.js

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+
+export default function ZoneSelector(props) {
+    
+    useEffect(() => {
+        props.setNextDisabled(false);
+    });
+
+    return (
+        <h2>Zone Selector</h2>
+    )
+}

frontend/src/components/steps/zone/ZoneStep.js

@@ -0,0 +1,21 @@
+import Step from '../Step';
+import ZoneSelector from './ZoneSelector' 
+import StepInformation from '../StepInformation';
+import staticText from '../../../assets/data/staticText.json'
+
+export default function ZoneStep(props) {
+    const zoneInfoPanel = (
+        <StepInformation
+            title={staticText.steps.zone.title}
+            description={<p>{staticText.steps.zone.description}</p>}
+        />
+    )
+
+    const zoneSelectionPanel = (
+        <ZoneSelector {...props} />
+    )
+
+    return (
+        <Step informationComponent={zoneInfoPanel} selectionComponent={zoneSelectionPanel} />
+    )
+}