style(ui): float correspondence inbox and gmail review page wrappers

Last two views/*.tsx files not yet covered this session. Same
floating-shadow page-wrapper treatment as every other screen; the
outlined item-row Paper inside each list stays as-is, matching the
established "list rows stay flat/outlined, the page wrapper floats"
convention (same pattern already used for trusted-devices/sessions
list rows).

job-tracker-ui/src/views/CorrespondenceInboxPage.tsx

@@ -74,7 +74,15 @@ export default function CorrespondenceInboxPage() {
   }, [items]);
 
   return (
-    <Paper sx={{ mt: 0, p: 2 }}>
+    <Paper
+      sx={{
+        mt: 0,
+        p: 2,
+        borderRadius: 4,
+        border: "none",
+        boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)",
+      }}
+    >
       <Box sx={{ display: "flex", justifyContent: "space-between", gap: 2, alignItems: "center", flexWrap: "wrap", mb: 2 }}>
         <Box>
           <Typography variant="h5" sx={{ fontWeight: 900 }}>Correspondence inbox</Typography>

job-tracker-ui/src/views/GmailReviewPage.tsx

@@ -123,7 +123,15 @@ export default function GmailReviewPage() {
   }, [data?.threads, routingFilter]);
 
   return (
-    <Paper sx={{ mt: 0, p: 2 }}>
+    <Paper
+      sx={{
+        mt: 0,
+        p: 2,
+        borderRadius: 4,
+        border: "none",
+        boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)",
+      }}
+    >
       <Box sx={{ display: "flex", justifyContent: "space-between", gap: 2, alignItems: "center", flexWrap: "wrap", mb: 2 }}>
         <Box>
           <Typography variant="h5" sx={{ fontWeight: 900 }}>Gmail review queue</Typography>