feat: implement check-in submission logic with hook and validation

client/cms/src/components/checkin/checkin-scanner-nav.container.tsx

@@ -1,12 +1,19 @@
 import { useUserInfo } from '@/hooks/data/useUserInfo';
+import { useCheckinSubmit } from '@/hooks/data/useCheckinSubmit';
 import { CheckinScannerNavView } from './checkin-scanner-nav.view';
 
 export function CheckinScannerNavContainer() {
   const { data } = useUserInfo();
+  const { mutate, isPending } = useCheckinSubmit();
 
   if ((data.data?.permission_level ?? 0) <= 20) {
     return null;
   }
 
-  return <CheckinScannerNavView />;
+  return (
+    <CheckinScannerNavView
+      onScan={(code) => mutate({ body: { checkin_code: code } })}
+      isPending={isPending}
+    />
+  );
 }