added NPED form and sonner toast

src/pages/FrontCamera.tsx

@@ -1,5 +1,6 @@
 import CameraSettings from "../components/CameraSettings/CameraSettings";
 import OverviewVideoContainer from "../components/FrontCameraSettings/OverviewVideoContainer";
+import { Toaster } from "sonner";
 import { useNavigate } from "react-router";
 import { useSwipeable } from "react-swipeable";
 
@@ -21,6 +22,7 @@ const FrontCamera = () => {
         settingsPage={true}
       />
       <CameraSettings title="Front Camera Settings" />
+      <Toaster />
     </div>
   );
 };

src/pages/SystemSettings.tsx

@@ -2,6 +2,7 @@ import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
 import "react-tabs/style/react-tabs.css";
 import NPEDCard from "../components/SettingForms/NPED/NPEDCard";
 import SettingForms from "../components/SettingForms/SettingForms/SettingForms";
+import NPEDHotlistCard from "../components/SettingForms/NPED/NPEDHotlistCard";
 
 const SystemSettings = () => {
   return (
@@ -19,6 +20,7 @@ const SystemSettings = () => {
         <TabPanel>
           <div className="mx-auto grid grid-cols-1 sm:grid-cols-1 lg:grid-cols-2 gap-2 px-2 sm:px-4 lg:px-0 w-full">
             <NPEDCard />
+            <NPEDHotlistCard />
           </div>
         </TabPanel>
       </Tabs>