Migrate privacy policy to Nextjs

frontend/src/components/Content/Content.module.scss

@@ -3,3 +3,9 @@
   margin: 20px auto;
   max-width: calc(100% - 60px);
 }
+
+.centered {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

frontend/src/components/Content/Content.tsx

@@ -1,10 +1,13 @@
+import { makeClass } from '/src/utils'
+
 import styles from './Content.module.scss'
 
 interface ContentProps {
   children: React.ReactNode
+  isCentered?: boolean
 }
 
-const Content = (props: ContentProps) =>
-  <div className={styles.content} {...props} />
+const Content = ({ isCentered, ...props }: ContentProps) =>
+  <div className={makeClass(styles.content, isCentered && styles.centered)} {...props} />
 
 export default Content

frontend/src/components/Paragraph/Paragraph.tsx

@@ -1,10 +0,0 @@
-import styles from './Paragraph.module.scss'
-
-interface ParagraphProps {
-  children: React.ReactNode
-}
-
-const Paragraph = (props: ParagraphProps) =>
-  <p className={styles.p} {...props} />
-
-export default Paragraph

frontend/src/components/Paragraph/Text.module.scss

@@ -1,4 +1,4 @@
-.p {
+.text {
   font-weight: 500;
   line-height: 1.6em;
 }

frontend/src/components/Paragraph/Text.tsx

@@ -0,0 +1,11 @@
+import styles from './Text.module.scss'
+
+interface TextProps {
+  children: React.ReactNode
+}
+
+export const P = (props: TextProps) =>
+  <p className={styles.text} {...props} />
+
+export const Ul = (props: TextProps) =>
+  <ul className={styles.text} {...props} />

frontend/src/components/Section/Section.module.scss

@@ -2,8 +2,4 @@
   margin: 30px 0 0;
   background-color: var(--surface);
   padding: 20px 0;
-
-  & a {
-    color: var(--secondary);
-  }
 }