Reorganize React project structure.

Whatever I was doing was getting out of control :)

client/src/components/liberationmap/LiberationMap.css

@@ -0,0 +1,7 @@
+@import "~leaflet/dist/leaflet.css";
+
+.leaflet-container {
+  width: 100%;
+  height: 100%;
+  min-height: 100vh;
+}

client/src/components/liberationmap/LiberationMap.tsx

@@ -0,0 +1,22 @@
+import "./LiberationMap.css";
+
+import { BasemapLayer } from "react-esri-leaflet";
+import ControlPointsLayer from "../controlpointslayer";
+import FlightPlansLayer from "../flightplanslayer";
+import { LatLng } from "leaflet";
+import { MapContainer } from "react-leaflet";
+
+interface GameProps {
+  mapCenter: LatLng;
+}
+
+export default function LiberationMap(props: GameProps) {
+  return (
+    <MapContainer zoom={8} center={props.mapCenter}>
+      <BasemapLayer name="ImageryClarity" />
+      <ControlPointsLayer />
+      <FlightPlansLayer blue={true} />
+      <FlightPlansLayer blue={false} />
+    </MapContainer>
+  );
+}

client/src/components/liberationmap/index.ts

@@ -0,0 +1 @@
+export { default } from "./LiberationMap";