Refactor Privacy and Sub-Processors pages to enhance effective date and version display; update styles for consistency

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/sections/Company/Legal/privacy/index.js

@@ -10,12 +10,11 @@ const Privacy = () => {
   return (
     <TermsWrapper>
       <PageHeader title="Privacy" path="Terms > Privacy" />
-      <p>
+      <Container>
+        <p><small>
         <i>Effective Date: July 11th, 2023</i><br />
-        <i>Version 3</i>
+        <i>Version 3</i></small>
       </p>
-      <TOC />
-      <Container>
         <Row>
           <Col $xs={12} $sm={12} $lg={12}>
             <p>
@@ -277,11 +276,10 @@ const Privacy = () => {
               Telephone number: 512-810-8200
             </p>
             <p>
-              <i>Last Updated: March 8th, 2024</i>
+            <small><i>Last Updated: March 8th, 2024</i></small>
             </p>
           </Col>
         </Row>
-        <TocPagination />
       </Container>
     </TermsWrapper>
   );

src/sections/Company/Legal/sub-processors/index.js

@@ -9,11 +9,12 @@ const subProcessors = () => {
   return (
     <TermsWrapper>
       <PageHeader title="Sub-Processors and Service Providers" path="Terms > Sub-Processors and Service Providers" />
-      <p>
+      
+      <Container>
+        <p><small>
         <i>Effective Date: March 8th, 2024</i><br />
-        <i>Version 4</i>
+        <i>Version 4</i></small>
       </p>
-      <Container>
         <Row>
           <Col $xs={12} $sm={12} $lg={12}>
             <p>
@@ -231,9 +232,9 @@ const subProcessors = () => {
                 </tr>
               </tbody>
             </table>
-            <p>
+            <p><small>
               <i>Last Updated: Sept 25th, 2025</i>
-            </p>
+            </small></p>
           </Col>
         </Row>
       </Container>

src/sections/Company/Legal/terms.style.js

@@ -50,13 +50,13 @@ td {
 
 thead {
   border-block-end: 2px solid;
-  background: ${props => props.theme.green00B39FToGreyB3B3B3};
+  background: ${props => props.theme.blue6eb0ccToBlue477E96};
 }
 
 tfoot {
   text-align: center;
   border-block: 2px solid;
-  background: ${props => props.theme.green00B39FToGreyB3B3B3};
+  background: ${props => props.theme.blue6eb0ccToBlue477E96};
   font-size: 0.825rem;
 }
 
@@ -79,7 +79,7 @@ td {
 
 thead th,
 tfoot th {
-  background: ${props => props.theme.green00B39FToGreyB3B3B3};
+  background: ${props => props.theme.blue6eb0ccToBlue477E96};
 }
 
 thead th {