Cleanup and file case changes

control-station/src/App.tsx

@@ -1,12 +1,10 @@
-import Navbar from "@/components/Navbar/Navbar";
-import SensorBoxContainer from "@/components/SensorBoxes/SensorBoxContainer";
-import ControlPanel from "@/components/ControlPanel/ControlPanel";
+import { ControlPanel, Navbar, SensorData } from "@/components";
 
 export default function App() {
 	return (
 		<main>
 			<Navbar />
-			<SensorBoxContainer />
+			<SensorData />
 			<ControlPanel />
 		</main>
 	);

control-station/src/components/SensorBoxes/sensorboxct.css → control-station/src/components/SensorBoxes/SensorData.css

@@ -1,4 +1,4 @@
-.sensorboxcontainer {
+.sensordata {
 	display: flex;
 	flex-grow: 1;
 }

control-station/src/components/SensorBoxes/SensorBoxContainer.tsx → control-station/src/components/SensorBoxes/SensorData.tsx

@@ -1,10 +1,12 @@
-import SensorContainer from "./Sensors/SensorsContainer";
-import "./sensorboxct.css";
 import Camera from "./Camera";
 import Console from "./Console";
-export default function SensorBoxContainer() {
+import SensorContainer from "./Sensors/SensorsContainer";
+
+import "./SensorData.css";
+
+export default function SensorData() {
 	return (
-		<div className="sensorboxcontainer">
+		<div className="sensordata">
 			<SensorContainer />
 			<div style={{ width: "50%" }}>
 				<Camera />

control-station/src/components/index.ts

@@ -1 +1,5 @@
+export { default as ControlPanel } from "./ControlPanel/ControlPanel";
+export { default as Navbar } from "./Navbar/Navbar";
+export { default as SensorData } from "./SensorBoxes/SensorData";
 export { default as Status } from "./status/Status";
+

control-station/vite.config.ts

@@ -6,8 +6,7 @@ export default defineConfig({
 	plugins: [react()],
 	resolve: {
 		alias: {
-			"@/": "/src/",
-			"$/":"/public/"
+			"@/": "/src/"
 		},
 	},
 });