Sync main with develop (Real-Dev-Squad#249)

* Changes in navbar UI and content

* Change in navbar UI

* Change in navbar UI as per new design

* Add login url from constants

* Added changes to fetch and display data for signed-in users

* Fixed display data for signed-out users

* Added mobile UI change for currency exchange page

* Added changes to use Link component for anchor tags

* Remove commented code

* css code refactor changes

* Add and load paths from constants file

* Remove !important property from navbar css

* Refactor css code

* Add UI changes in navbar

* Add default avatar for user profile picture

* Add UI changes in navbar

* Add UI changes in navbar

* Add profile link on greet message & error handling in fetch user

* Fix profile url

* Added .env.development file (Real-Dev-Squad#245)

Co-authored-by: user.name: "Rohan Raj Gupta <user.email: "rajrohan1914@gmail.com>

* Improvement in code and changes to use cloudinary images

* Add key prop

* Replace useEffect by useLayoutEffect for login button

* Improvement in navbar code

* Update ecmaVersion in ESLint config

* Revert useLayoutEffect changes for login button

* Fix login button UI

Co-authored-by: Shubham <yadav105shubham@gmail.com>
Co-authored-by: Rohan Raj Gupta <78433013+rohan09-raj@users.noreply.github.com>
Co-authored-by: user.name: "Rohan Raj Gupta <user.email: "rajrohan1914@gmail.com>

pages/index.js

@@ -19,6 +19,7 @@ export default function Home() {
         <title>Bank Dashboard</title>
         <link rel="icon" href="/favicon.ico" />
       </Head>
+      <NavBar personData={personData} />
       <main className={styles.mainBody}>
         <div className={styles.leftSection}>
           <div className={styles.homeUser}>