feat: add info related to the current instance

this commit adds additional info about instance like release tag and instance maintainer contact.

fix: https://codeberg.org/zyachel/libremdb/issues/8

src/pages/privacy/index.tsx

@@ -1,14 +1,14 @@
 import Meta from '../../components/meta/Meta';
 import Layout from '../../layouts/Layout';
-
+import packageInfo from '../../../package.json';
 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."
+        title='Privacy'
+        description='Privacy policy of libremdb, a free & open source IMDb front-end.'
       />
       <Layout className={styles.privacy}>
         <section className={styles.policy}>
@@ -16,15 +16,15 @@ const Privacy = () => {
             Privacy Policy
           </h1>
           <div className={styles.list}>
-            <div className={styles.item}>
+            <section 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}>
+            </section>
+            <section className={styles.item}>
               <h2
                 className={`heading heading__secondary ${styles.item__heading}`}
               >
@@ -40,12 +40,40 @@ const Privacy = () => {
                 prefrences, either turn off JavaScript or disable access to
                 Local Storage for libremdb.
               </p>
-            </div>
+            </section>
+            <section className={styles.item}>
+              <h2
+                className={`heading heading__secondary ${styles.item__heading}`}
+              >
+                Instance information
+              </h2>
+              {process.env.NEXT_PUBLIC_INSTANCE_NAME &&
+                process.env.NEXT_PUBLIC_INSTANCE_MAIN_URL && (
+                  <p className={styles.item__text}>
+                    Operated by:&nbsp;
+                    <a
+                      className='link'
+                      href={process.env.NEXT_PUBLIC_INSTANCE_MAIN_URL}
+                    >
+                      {process.env.NEXT_PUBLIC_INSTANCE_NAME}
+                    </a>
+                  </p>
+                )}
+              <p className={styles.item__text}>
+                Version:&nbsp;
+                <a
+                  className='link'
+                  href={`https://github.com/zyachel/libremdb/tree/v${packageInfo.version}`}
+                >
+                  {packageInfo.version}
+                </a>
+              </p>
+            </section>
           </div>
 
           <footer className={styles.metadata}>
             <p>
-              Last updated on <time>31 october, 2022.</time>
+              Privacy policy last updated on <time>31 october, 2022.</time>
             </p>
             <p>
               You can see the full revision history of this privacy policy on