Styling tweaks on privacy policy (#157)

Closes #156 

Changes for summary section:
- increase section title size (so its' same as 'Table of Contents')
- add bullets
- bold the NOTs

Segment-bold font has added.

## UI
**Before**
<img width="500" alt="Screenshot 2023-02-28 at 11 23 31"
src="https://user-images.githubusercontent.com/23117945/221826657-5283f433-a309-40b4-aee0-9c938237d39b.png">

<img width="500" alt="Screenshot 2023-02-28 at 12 11 41"
src="https://user-images.githubusercontent.com/23117945/221837442-0624662c-fa2a-4e27-9833-828e5308391c.png">


**After**
<img width="500" alt="Screenshot 2023-03-02 at 13 14 37"
src="https://user-images.githubusercontent.com/23117945/222428591-e371b283-6f67-48e6-87b3-fe7477f486d0.png">
<img width="500" alt="Screenshot 2023-03-02 at 13 14 22"
src="https://user-images.githubusercontent.com/23117945/222428596-99a68640-cf44-4da1-810a-72863a82b9b2.png">

src/features/Legal/index.tsx

@@ -4,7 +4,7 @@ import { css } from "linaria";
 import React, { ReactNode } from "react";
 import { green20, trophyGold } from "shared/styles/color-palette";
 import { bodyDarkGrey80, titleDarkHunterGreen } from "shared/styles/colors";
-import { segmentFontFamily } from "shared/styles/font-families";
+import { segmentBoldFontFamily, segmentFontFamily } from "shared/styles/font-families";
 
 export default function Legal({
   children,
@@ -49,6 +49,9 @@ export default function Legal({
             margin: 4rem 0 2rem;
             font-size: 36px;
           }
+          li {
+            margin-top: 0.5rem;
+          }
 
           li::marker {
             content: "· ";
@@ -73,6 +76,9 @@ export default function Legal({
           td > ul {
             padding-left: 1rem;
           }
+          strong {
+            font-family: ${segmentBoldFontFamily};
+          }
         `}
       >
         {children}

src/pages/privacy.mdx

@@ -8,17 +8,14 @@ Effective date: February 21, 2022 | Last modified: February 9, 2023
 
 At Taho (collectively referred to as “Taho”, “we”, “us” or “our”), we respect your privacy and are committed to protecting it. This privacy policy reflects our commitment to transparency and covers all personal information collected in the use of this website and the Taho web browser extension. Our goal is to make sure you have all the data you need to make an informed decision about how to use our wallet.
 
-<h3>Summary</h3>
-Taho offers a self-custodial wallet, which enables users to retain full control of their private keys and digital assets. Taho never has custody of, or access to, your private keys or the assets or permissions those keys control.
+<h2>Summary</h2>
 
-Taho operations are based in the United States and follow American laws and regulations. If you live outside the United States, note that these laws and regulations could differ from those where you live.
+* Taho offers a self-custodial wallet, which enables users to retain full control of their private keys and digital assets. Taho never has custody of, or access to, your private keys or the assets or permissions those keys control.
+* Taho operations are based in the United States and follow American laws and regulations. If you live outside the United States, note that these laws and regulations could differ from those where you live.
+* Taho does **NOT** collect or store identification data such as first name, last name, home address, passport or driver's license, or date of birth.
+* Taho does **NOT** collect or store blockchain activity or account information, such as addresses, transactions, or balances.
+* Taho collects limited usage data on our website and through our browser extension to help us improve our product and deliver on our mission. We aim to protect users by keeping the scope of this usage data to a minimum, disclosing it in detail in this policy, as well as by providing clear opt-out prompts and using open source and/or locally-hosted analytics tools.
 
-Taho does NOT collect or store identification data such as first name, last name, home address, passport or driver's license, or date of birth.
-
-Taho does NOT collect or store blockchain activity or account information, such as addresses, transactions, or balances.
-
-Taho collects limited usage data on our website and through our browser extension to help us improve our product and deliver on our mission. We aim to protect users by keeping the scope of this usage data to a minimum, disclosing it in detail in this policy, as well as by providing clear opt-out prompts and using open source and/or locally-hosted analytics tools.
-
 <h2>1. Table of Contents</h2>
 
 **We cover a lot of ground in this privacy policy. Use the links below to navigate to later sections of the privacy policy of interest to you.**

src/shared/styles/font-families.tsx

@@ -1,4 +1,5 @@
 export const segmentFontFamily = "Segment-Regular";
+export const segmentBoldFontFamily = "Segment-Bold";
 export const quincyRegularFontFamily = "QuincyCF-Regular";
 export const quincyTextFontFamily = "QuincyCF-Text";
 

src/shared/styles/global-styles.tsx

@@ -40,5 +40,12 @@ css`
       font-weight: normal;
       font-style: normal;
     }
+
+    @font-face {
+      font-family: "Segment-Bold";
+      src: url("../fonts/segment-bold/segment-bold.woff2") format("woff2");
+      font-weight: normal;
+      font-style: normal;
+    }
   }
 `;