updated ui and added NPED back

src/components/CameraSettings/CameraSettingFields.tsx

@@ -130,7 +130,7 @@ const CameraSettingFields = ({
 
             <button
               type="submit"
-              className="bg-blue-800 text-white rounded-lg p-2 mx-auto"
+              className="bg-blue-800 text-white rounded-lg p-2 mx-auto h-[100%] w-full"
             >
               Save settings
             </button>

src/components/CameraSettings/CameraSettings.tsx

@@ -13,21 +13,19 @@ const CameraSettings = ({ title, side }: { title: string; side: string }) => {
     updateCameraConfigError,
   } = useFetchCameraConfig(side);
   console.log(updateCameraConfigError);
+  console.log(isPending);
+
   return (
     <Card>
-      {isError && <>Cannot Fetch camera config</>}
-
-      {isPending ? (
-        <>Loading</>
-      ) : (
-        <div className="relative flex flex-col space-y-3 h-full">
-          <CardHeader title={title} icon={faWrench} />
-          <CameraSettingFields
-            initialData={data}
-            updateCameraConfig={updateCameraConfig}
-          />
-        </div>
-      )}
+      {isPending && <>Loading camera config</>}
+      {isError && <>Error fetching camera config</>}
+      <div className="relative flex flex-col space-y-3 h-full">
+        <CardHeader title={title} icon={faWrench} />
+        <CameraSettingFields
+          initialData={data}
+          updateCameraConfig={updateCameraConfig}
+        />
+      </div>
     </Card>
   );
 };