Add sample step components for the remaining steps with accompaning text

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

frontend/src/components/steps/habitat/HabitatSelector.js

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

frontend/src/components/steps/habitat/HabitatStep.js

@@ -0,0 +1,21 @@
+import Step from '../Step';
+import HabitatSelector from './HabitatSelector' 
+import StepInformation from '../StepInformation';
+import staticText from '../../../assets/data/staticText.json'
+
+export default function HabitatStep(props) {
+    const habitatInfoPanel = (
+        <StepInformation
+            title={staticText.steps.habitat.title}
+            description={<p>{staticText.steps.habitat.description}</p>}
+        />
+    )
+
+    const habitatSelectionPanel = (
+        <HabitatSelector {...props} />
+    )
+
+    return (
+        <Step informationComponent={habitatInfoPanel} selectionComponent={habitatSelectionPanel} />
+    )
+}