fix(navbar): replace anchor with Link component for navigation (#278)

* fix(navbar): replace anchor with Link component for navigation

Signed-off-by: Ananta <codeantu@gmail.com>

* fix(navbar): replace anchor with Link component for navigation

Signed-off-by: Ananta <codeantu@gmail.com>

---------

Signed-off-by: Ananta <codeantu@gmail.com>

Author: codeAntu

src/components/Navbar.tsx

@@ -115,6 +115,7 @@ function Navbar({ scrollToFooter }: NavbarProps) {
       >
         <Link
           to="/"
+          rel="noopener noreferrer"
           style={{ display: "flex", alignItems: "center" }}
         >
           <Image
@@ -127,7 +128,8 @@ function Navbar({ scrollToFooter }: NavbarProps) {
               maxWidth: screens.md ? "184.17px" : "36.67px",
             }}
           />
-          <span style={{ color: "white" }}>Template Playground</span>
+           <span style={{ color: "white", whiteSpace: "nowrap" }}>Template Playground</span>
+
         </Link>
       </div>
       {screens.md && (
@@ -257,4 +259,4 @@ function Navbar({ scrollToFooter }: NavbarProps) {
   );
 }
 
-export default Navbar;
+export default Navbar;