created headet component for InterviewRounds Page

src/App.tsx

@@ -20,6 +20,8 @@ import '@ionic/react/css/display.css';
 
 import './App.scss';
 import ConnectWithUs from './pages/connectWithUs/ConnectWithUs';
+import InterviewRounds from './pages/interviewRounds/InterviewRounds';
+
 
 
 setupIonicReact();
@@ -28,11 +30,11 @@ const App: React.FC = () => (
   <IonApp>
     <IonReactRouter>
       <IonRouterOutlet>
-        <Route exact path="/ConnectWithUs">
-          <ConnectWithUs />
+        <Route exact path="/interviewRounds">
+          <InterviewRounds />
         </Route>
         <Route exact path="/">
-          <Redirect to="/ConnectWithUs" />
+          <Redirect to="/interviewRounds" />
         </Route>
       </IonRouterOutlet>
     </IonReactRouter>

src/assets/icons/Logo.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="135.689" height="31" viewBox="0 0 135.689 31">
+  <g id="Group_2" data-name="Group 2" transform="translate(-34.947 -36.326)">
+    <g id="Group_1" data-name="Group 1" transform="translate(34.947 38.68)">
+      <path id="Path_1" data-name="Path 1" d="M58.006,38.68S53.844,45.143,58,49.24a1.3,1.3,0,0,1-.449,1.892c-1.268.857-2.713,1.736-1.794,2.964a13.806,13.806,0,0,0,1.736,1.945s.408.615,1.176-.306,2.919-2.912,3.89-1.786S63.828,59.27,65,59.271s4.121-1.333,7.82,5.072Z" transform="translate(-42.15 -38.68)" fill="#fc9524"/>
+      <path id="Path_2" data-name="Path 2" d="M66.574,74.875s-3.516-6.837-9.139-5.289a1.3,1.3,0,0,1-1.414-1.335c-.108-1.526-.147-3.217-1.671-3.036a13.835,13.835,0,0,0-2.553.531s-.736.046-.324,1.172,1.062,3.983-.4,4.261-5.244-1.559-5.834-.541-.906,4.235-8.3,4.235Z" transform="translate(-35.647 -47.992)" fill="#eb3e19"/>
+      <path id="Path_3" data-name="Path 3" d="M34.947,66.217s7.679.373,9.15-5.27a1.3,1.3,0,0,1,1.863-.557c1.376.67,2.86,1.481,3.464.071a13.857,13.857,0,0,0,.816-2.476s.328-.661-.853-.866-3.981-1.072-3.491-2.476,3.971-3.762,3.385-4.781-3.216-2.9.482-9.307Z" transform="translate(-34.947 -39.338)" fill="#209787"/>
+    </g>
+    <text id="WEBTRIGON" transform="translate(72.636 61.326)" fill="#fff" font-size="21" font-family="Oswald" font-weight="200" letter-spacing="0.05em"><tspan x="0" y="0">WEBTRIGON</tspan></text>
+  </g>
+</svg>

src/pages/interviewRounds/Header.module.scss

@@ -0,0 +1,26 @@
+.header {
+    background-color: black;
+    height: 12vh;
+   
+    div {
+
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 12vh;
+        margin-left: 2rem;
+        margin-right: 1rem;
+        ion-icon {
+            width: 12rem;
+            height: 10rem;
+        }
+    
+        .profile {
+            background-color: white;
+            width: 3.5rem;
+            height: 3.5rem;
+            border-radius: 50%;
+        }
+    }
+ 
+}

src/pages/interviewRounds/Header.tsx

@@ -0,0 +1,17 @@
+import { IonIcon } from '@ionic/react';
+import logo from '../../assets/icons/Logo.svg';
+import styles from './Header.module.scss';
+
+
+const Header: React.FC = () => {
+    return (
+        <div className={styles.header}>
+            <div>
+                <IonIcon src={logo}></IonIcon>
+                <div className={styles.profile}></div>
+            </div>
+        </div>
+    )
+}
+
+export default Header;

src/pages/interviewRounds/InterviewRounds.tsx

@@ -0,0 +1,15 @@
+import styles from './InterviewRounds.module.scss';
+
+import Button from "../../components/button/Button";
+import Header from "./Header";
+
+const InterviewRounds: React.FC = () => {
+    return (
+        <div>
+            <Header />
+
+        </div>
+    )
+}
+
+export default InterviewRounds;