Added working System config, NOT working WiFi & modem and Session pages as placeholders. Also added NPED images.

src/components/SessionForm/HitSearchCard.tsx

@@ -0,0 +1,35 @@
+import Card from "../UI/Card";
+import CardHeader from "../UI/CardHeader";
+import FormGroup from "../SettingForms/components/FormGroup";
+
+const SessionCard = () => {
+
+  return (
+    <Card>
+      <CardHeader title={"Hit Search"} />
+      <div className="flex flex-col gap-4">
+        <FormGroup>
+          <label htmlFor="VRM" className="font-medium whitespace-nowrap md:w-1/2 text-left">VRM (Min 2 letters)</label>
+          <div className="flex-1 flex justify-end md:w-2/3">
+            <input
+              id="VRMSelect"
+              name="VRMSelect"
+              type="text"
+              className="p-2 border border-gray-400 rounded-lg w-full max-w-xs"
+              placeholder="Enter VRM"
+              //onChange={e => setSntpServer(e.target.value)}
+            />
+          </div>
+        </FormGroup>
+        <button
+          className="bg-[#26B170] text-white px-4 py-2 rounded hover:bg-green-700 transition w-full max-w-md"
+          //onClick={() => handleModemSave(apn, username, password, authType)}
+        >
+          Search Hit list
+        </button>
+      </div>
+    </Card>
+  );
+};
+
+export default SessionCard;

src/components/SessionForm/SessionCard.tsx

@@ -0,0 +1,27 @@
+import Card from "../UI/Card";
+import CardHeader from "../UI/CardHeader";
+
+const SessionCard = () => {
+
+  return (
+    <Card>
+      <CardHeader title={"Session"} />
+      <div className="flex flex-col gap-4">
+        <button
+          className="bg-[#26B170] text-white px-4 py-2 rounded hover:bg-green-700 transition w-full max-w-md"
+          //onClick={() => handleModemSave(apn, username, password, authType)}
+        >
+          Start Session
+        </button>
+        <h2 className="text-white mb-2">Number of cars: </h2>
+        <h2 className="text-white mb-2">Cars without Tax: </h2>
+        <h2 className="text-white mb-2">Cars without MOT: </h2>
+        <h2 className="text-white mb-2">Cars with NPED Cat A: </h2>
+        <h2 className="text-white mb-2">Cars with NPED Cat B: </h2>
+        <h2 className="text-white mb-2">Cars with NPED Cat C: </h2>
+      </div>
+    </Card>
+  );
+};
+
+export default SessionCard;