feature: added privacy-policy page

src/App.js

@@ -8,6 +8,7 @@ import Register from './components/Register/Register';
 import UserAuthenticated from './ProtectedRoute';
 import ForgotPassword from './pages/ForgotPassword/ForgotPassword';
 import ResetPassword from './pages/ResetPassword/ResetPassword';
+import PrivacyPolicy from './pages/PrivacyPolicy/PrivacyPolicy';
 
 export default function App() {
     return (
@@ -16,6 +17,7 @@ export default function App() {
                 <Route element={<UserAuthenticated />}>
                     <Route path='/' element={<Home />} />
                     <Route path='/profile' element={<Profile />} />
+                    <Route path='/privacy-policy' element={<PrivacyPolicy />} />
                 </Route>
                 <Route path='/login' element={<Login />} />
                 <Route path='/register' element={<Register />} />

src/components/Dropdown/Dropdown.js

@@ -14,6 +14,7 @@ import LogoutIcon from '@mui/icons-material/Logout';
 import LoginIcon from '@mui/icons-material/Login';
 import HelpIcon from '@mui/icons-material/Help';
 import MessageIcon from '@mui/icons-material/Message';
+import PolicyIcon from '@mui/icons-material/Policy';
 import ManageAccountsIcon from '@mui/icons-material/ManageAccounts';
 import { useEffect } from 'react';
 
@@ -57,6 +58,9 @@ export default function Dropdown() {
     function navigateToProfile() {
         navigate('/profile');
     }
+    function navigateToPrivacyPolicy() {
+        navigate('/privacy-policy');
+    }
 
     return (
         <React.Fragment>
@@ -122,6 +126,10 @@ export default function Dropdown() {
                     <MessageIcon fontSize='large' />
                     &nbsp; Feedback
                 </MenuItem>
+                <MenuItem onClick={navigateToPrivacyPolicy}>
+                    <PolicyIcon fontSize='large' />
+                    &nbsp; Privacy Policy
+                </MenuItem>
                 <Divider />
                 <MenuItem>
                     <ListItemIcon>

src/pages/PrivacyPolicy/PrivacyPolicy.css

@@ -0,0 +1,26 @@
+@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto&display=swap');
+
+body {
+    background-color: #f5f5f5;
+    color: #333;
+    font-family: 'Josefin Sans', sans-serif;
+
+    font-family: 'Roboto', sans-serif;
+}
+
+h1 {
+    font-weight: bold;
+}
+
+@media screen and (max-width: 1530px) {
+    h1 {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+}
+
+div {
+    margin-left: 10px;
+    margin-right: 10px;
+}

src/pages/PrivacyPolicy/PrivacyPolicy.jsx

@@ -0,0 +1,146 @@
+import React from 'react';
+import './PrivacyPolicy.css';
+
+const PrivacyPolicy = () => {
+    return (
+        <div>
+            <h1>Privacy Policy </h1>
+            <span>
+                <p>
+                    CodeBooker website is owned by Gregory Bowne, which is a
+                    data controller of your personal data. <br /> <br /> We have
+                    adopted this Privacy Policy, which determines how we are
+                    processing the information collected by CodeBooker, which
+                    also provides the reasons why we must collect certain
+                    personal data about you. Therefore, you must read this
+                    Privacy Policy before using CodeBooker website. <br />{' '}
+                    <br />
+                    We take care of your personal data and undertake to
+                    guarantee its confidentiality and security.
+                </p>
+            </span>{' '}
+            <span>
+                <h1>Personal information we collect:</h1>
+                <p>
+                    {' '}
+                    When you visit the CodeBooker, we automatically collect
+                    certain information about your device, including information
+                    about your web browser, IP address, time zone, and some of
+                    the installed cookies on your device. Additionally, as you
+                    browse the Site, we collect information about the individual
+                    web pages or products you view, what websites or search
+                    terms referred you to the Site, and how you interact with
+                    the Site. We refer to this automatically-collected
+                    information as “Device Information.” Moreover, we might
+                    collect the personal data you provide to us (including but
+                    not limited to Name, Surname, Address, payment information,
+                    etc.) during registration to be able to fulfill the
+                    agreement.
+                </p>
+            </span>
+            <span>
+                <h1> Why do we process your data?</h1>
+                <p>
+                    Our top priority is customer data security, and, as such, we
+                    may process only minimal user data, only as much as it is
+                    absolutely necessary to maintain the website. Information
+                    collected automatically is used only to identify potential
+                    cases of abuse and establish statistical information
+                    regarding website usage. This statistical information is not
+                    otherwise aggregated in such a way that it would identify
+                    any particular user of the system. <br /> <br /> You can
+                    visit the website without telling us who you are or
+                    revealing any information, by which someone could identify
+                    you as a specific, identifiable individual. If, however, you
+                    wish to use some of the website’s features, or you wish to
+                    receive our newsletter or provide other details by filling a
+                    form, you may provide personal data to us, such as your
+                    email, first name, last name, city of residence,
+                    organization, telephone number. You can choose not to
+                    provide us with your personal data, but then you may not be
+                    able to take advantage of some of the website’s features.
+                    For example, you won’t be able to receive our Newsletter or
+                    contact us directly from the website. Users who are
+                    uncertain about what information is mandatory are welcome to
+                    contact us via example@gmail.com.
+                </p>
+            </span>
+            <span>
+                <h1>Your rights:</h1>
+                <p>
+                    If you are a European resident, you have the following
+                    rights related to your personal data:{' '}
+                    <ul>
+                        <li>The right to be informed.</li>
+                        <li>The right of access.</li>
+                        <li>The right to rectification.</li>
+                        <li>The right to erasure.</li>
+                        <li>The right to restrict processing.</li>
+                        <li> The right to data portability.</li>
+                        <li>The right to object.</li>
+                        <li>
+                            Rights in relation to automated decision-making and
+                            profiling.
+                        </li>
+                    </ul>{' '}
+                    If you would like to exercise this right, please contact us
+                    through the contact information below. <br /> <br />{' '}
+                    Additionally, if you are a European resident, we note that
+                    we are processing your information in order to fulfill
+                    contracts we might have with you (for example, if you make
+                    an order through the Site), or otherwise to pursue our
+                    legitimate business interests listed above. Additionally,
+                    please note that your information might be transferred
+                    outside of Europe, including Canada and the United States.
+                </p>
+            </span>
+            <span>
+                <h1>Links to other websites:</h1>
+                <p>
+                    {' '}
+                    Our website may contain links to other websites that are not
+                    owned or controlled by us. Please be aware that we are not
+                    responsible for such other websites or third parties privacy
+                    practices. We encourage you to be aware when you leave our
+                    website and read the privacy statements of each website that
+                    may collect personal information.
+                </p>
+            </span>
+            <span>
+                <h1>Information security:</h1>
+                <p>
+                    We secure information you provide on computer servers in a
+                    controlled, secure environment, protected from unauthorized
+                    access, use, or disclosure. We keep reasonable
+                    administrative, technical, and physical safeguards to
+                    protect against unauthorized access, use, modification, and
+                    personal data disclosure in its control and custody.
+                    However, no data transmission over the Internet or wireless
+                    network can be guaranteed.
+                </p>
+            </span>
+            <span>
+                <h1>Legal disclosure:</h1>
+                <p>
+                    We will disclose any information we collect, use or receive
+                    if required or permitted by law, such as to comply with a
+                    subpoena or similar legal process, and when we believe in
+                    good faith that disclosure is necessary to protect our
+                    rights, protect your safety or the safety of others,
+                    investigate fraud, or respond to a government request.
+                </p>
+            </span>
+            <span>
+                <h1>Contact information:</h1>
+                <p>
+                    If you would like to contact us to understand more about
+                    this Policy or wish to contact us concerning any matter
+                    relating to individual rights and your Personal Information,
+                    you may send an email to example@gmail.com;
+                </p>
+            </span>
+        </div>
+    );
+};
+
+export default PrivacyPolicy;