Update legal docs (#1260)

* Update legal docs

* add app

* fix homepage

pages/legal.vue

@@ -5,17 +5,26 @@
         <h1>Legal</h1>
         <NavStack>
           <NavStackItem link="/legal/terms" label="Terms and Conditions">
-            <TermsIcon />
+            <HeartHandshakeIcon />
           </NavStackItem>
           <NavStackItem link="/legal/privacy" label="Privacy Policy">
-            <PrivacyIcon />
+            <LockIcon />
+          </NavStackItem>
+          <NavStackItem link="/legal/ccpa" label="California Privacy Notice">
+            <InfoIcon />
           </NavStackItem>
           <NavStackItem link="/legal/rules" label="Content Rules">
-            <RulesIcon />
+            <ScaleIcon />
           </NavStackItem>
           <NavStackItem link="/legal/security" label="Security Notice">
             <ShieldIcon />
           </NavStackItem>
+          <NavStackItem link="/legal/copyright" label="Copyright Policy">
+            <CopyrightIcon />
+          </NavStackItem>
+          <NavStackItem link="/legal/cmp" label="Rewards Program Terms">
+            <CurrencyIcon />
+          </NavStackItem>
         </NavStack>
       </aside>
     </div>
@@ -26,14 +35,18 @@
 </template>
 
 <script setup>
+import {
+  InfoIcon,
+  HeartHandshakeIcon,
+  LockIcon,
+  ScaleIcon,
+  ShieldIcon,
+  CurrencyIcon,
+  CopyrightIcon,
+} from 'omorphia'
 import NavStack from '~/components/ui/NavStack.vue'
 import NavStackItem from '~/components/ui/NavStackItem.vue'
 
-import TermsIcon from '~/assets/images/utils/heart-handshake.svg'
-import PrivacyIcon from '~/assets/images/utils/lock.svg'
-import RulesIcon from '~/assets/images/sidebar/admin.svg'
-import ShieldIcon from '~/assets/images/utils/shield.svg'
-
 const route = useRoute()
 </script>