feat: major rewrite

the application is now rewritten in next.js. this commit also adds the ability to see trailers, did you know, more like this, etc. on title page.

BREAKING CHANGE: the whole application is rewritten from scratch.

src/pages/privacy/index.tsx

@@ -0,0 +1,74 @@
+import Meta from '../../components/Meta/Meta';
+import Layout from '../../layouts/Layout';
+
+import styles from '../../styles/modules/pages/privacy/privacy.module.scss';
+
+const Privacy = () => {
+  return (
+    <>
+      <Meta
+        title='Privacy'
+        description='Privacy policy of libremdb, a free & open source IMDb front-end.'
+      />
+      <Layout className={styles.privacy}>
+        <section className={styles.policy}>
+          <h1 className={`heading heading__primary ${styles.policy__heading}`}>
+            Privacy Policy
+          </h1>
+          <div className={styles.list}>
+            <div className={styles.item}>
+              <h2
+                className={`heading heading__secondary ${styles.item__heading}`}
+              >
+                Information collected
+              </h2>
+              <p className={styles.item__text}>No information is collected.</p>
+            </div>
+            <div className={styles.item}>
+              <h2
+                className={`heading heading__secondary ${styles.item__heading}`}
+              >
+                Information stored in your browser
+              </h2>
+              <p className={styles.item__text}>
+                A key named 'theme' is stored in Local Storage provided by your
+                browser, if you ever override the default theme. To remove it,
+                go to site data settings, and clear the data for this website.
+              </p>
+              <p className={styles.item__text}>
+                To permamently disable libremdb from storing your theme
+                prefrences, either turn off JavaScript or disable access to
+                Local Storage for libremdb.
+              </p>
+            </div>
+            <div className={styles.item}>
+              <h2
+                className={`heading heading__secondary ${styles.item__heading}`}
+              >
+                Information collected by other services
+              </h2>
+              <p className={styles.item__text}>
+                libremdb connects to 'media-amazon.com' and 'media-imdb.com' for
+                fetching images and videos. So, Amazon might log your IP
+                address, and other information(such as http headers) sent by
+                your browser.
+              </p>
+            </div>
+          </div>
+
+          <footer className={styles.metadata}>
+            <p>
+              Last updated on <time>10 september, 2022.</time>
+            </p>
+            <p>
+              You can see the full revision history of this privacy policy on
+              GitHub, or Codeberg.
+            </p>
+          </footer>
+        </section>
+      </Layout>
+    </>
+  );
+};
+
+export default Privacy;