fix: update import paths to use '@/*'

src/pages/PrivacyPolicyPage/PersonalInfoCollectedTable.tsx

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 
 export const PersonalInfoCollectedTable = () => (
-  <PrivacyPolicyTable>
+  <StyledTable>
     <thead>
       <tr>
         <th>Category</th>
@@ -89,15 +89,15 @@ export const PersonalInfoCollectedTable = () => (
         <td>NO</td>
       </tr>
     </tbody>
-  </PrivacyPolicyTable>
+  </StyledTable>
 );
 
-const PrivacyPolicyTable = styled("table")(({ theme }) => ({
+const StyledTable = styled("table")(({ theme: { palette } }) => ({
   borderCollapse: "collapse",
 
   "& th,td": {
     padding: "0.75rem",
-    border: `1px solid ${theme.palette.grey[700]}`,
+    border: `1px solid ${palette.grey[700]}`,
   },
 
   "& td:last-child": {

src/pages/PrivacyPolicyPage/PolicyAnchorTargets.tsx

@@ -1,4 +1,4 @@
-import { Anchor } from "@components/Navigation/Anchor";
+import { Anchor } from "@/components/Navigation/Anchor";
 
 const POLICY_ANCHOR_TARGET_CONFIGS = {
   HEADERS: [

src/pages/PrivacyPolicyPage/PolicySection.tsx

@@ -1,5 +1,5 @@
 import Text from "@mui/material/Typography";
-import { LegalPolicySection } from "@layouts/LegalPolicyPageLayout/LegalPolicySection";
+import { LegalPolicySection } from "@/layouts/LegalPolicyPageLayout/LegalPolicySection";
 import { POLICY_ANCHOR_TARGETS } from "./PolicyAnchorTargets";
 
 /**
@@ -26,7 +26,7 @@ export const InShort = ({ summary }: InShortProps) => (
 );
 
 export type PolicySectionProps = {
-  header: keyof typeof POLICY_ANCHOR_TARGETS.HEADERS & string;
+  header: keyof typeof POLICY_ANCHOR_TARGETS.HEADERS;
   summary?: string;
   children: React.ReactNode; // section content
 };

src/pages/PrivacyPolicyPage/PrivacyPolicyPage.tsx

@@ -1,13 +1,13 @@
 import Text from "@mui/material/Typography";
-import { Anchor } from "@components/Navigation/Anchor";
-import { LegalPolicyPageLayout } from "@layouts/LegalPolicyPageLayout";
-import { PolicyToC } from "@layouts/LegalPolicyPageLayout/PolicyToC";
+import { Anchor } from "@/components/Navigation/Anchor";
+import { LegalPolicyPageLayout } from "@/layouts/LegalPolicyPageLayout";
+import { PolicyToC } from "@/layouts/LegalPolicyPageLayout/PolicyToC";
 import { PersonalInfoCollectedTable } from "./PersonalInfoCollectedTable";
 import { POLICY_ANCHOR_TARGETS } from "./PolicyAnchorTargets";
 import { PolicySection, InShort } from "./PolicySection";
 
 export const PrivacyPolicyPage = () => (
-  <LegalPolicyPageLayout pageTitle="Privacy Policy" lastUpdated="January 01, 2022">
+  <LegalPolicyPageLayout pageTitle="Privacy Policy" lastUpdated="January 19, 2024">
     <Text>
       This privacy notice for Nerdware, LLC ("Company," "we," "us," or "our"), describes how and why
       we might collect, store, use, and/or share ("process") your information when you use our
@@ -141,8 +141,12 @@ export const PrivacyPolicyPage = () => (
       <Text>
         <b>Payment Data.</b> We may collect data necessary to process your payment if you make
         purchases, such as your payment instrument number, and the security code associated with
-        your payment instrument. All payment data is stored by Stripe. You may find their privacy
-        notice link(s) here: <Anchor href="https://stripe.com/privacy" />.
+        your payment instrument. All payment data is stored by Stripe. We use Stripe for payment,
+        analytics, and other business services. Stripe collects and processes personal data,
+        including identifying information about the devices that connect to its services. Stripe
+        uses this information to operate and improve the services it provides to us, including for
+        fraud detection and prevention. You may find their privacy notice link(s) here:{" "}
+        <Anchor href="https://stripe.com/privacy" />.
       </Text>
       <Text>
         <b>Social Media Login Data.</b> We may provide you with the option to register with us using
@@ -631,3 +635,6 @@ export const PrivacyPolicyPage = () => (
     </PolicySection>
   </LegalPolicyPageLayout>
 );
+
+// Exported as "Component" for react-router-dom lazy loading
+export const Component = PrivacyPolicyPage;

src/pages/PrivacyPolicyPage/index.ts

@@ -1,2 +1,2 @@
-export { PrivacyPolicyPage as default } from "./PrivacyPolicyPage";
-// export as default to enable code-splitting via lazy import.
+export { Component } from "./PrivacyPolicyPage";
+// Exported as "Component" for react-router-dom lazy loading