Replaced old header with new header

[MaryamL12]

✨ PR Description

Purpose: Replace inline navigation bar implementation with dynamically loaded external header script to centralize header management across Solace developer properties.

Main changes:

• Created NavBar component that dynamically injects external header script from Azure CDN on mount
• Removed hardcoded Navbar implementation with logo, navigation links, and login button from header.js
• Added duplicate script injection prevention check using element ID verification

Generated by LinearB AI and added by gitStream.
_{AI-generated content may contain inaccuracies. Please verify before using.
💡 Tip: You can customize your AI Description using Guidelines Learn how}

[gitstream-cm]

✨ PR Review

The PR refactors the header to use an external script-based component, but there's a critical bug preventing the new component from being used. Additionally, security concerns exist around external script loading.

3 issues detected:

🐞 Bug - Component name has incorrect casing - uses Navbar (react-bootstrap) instead of NavBar (new component) 🛠️

Details: The component renders the react-bootstrap Navbar instead of the newly imported NavBar component, completely defeating the purpose of this refactor. This is due to a case sensitivity issue.
File: src/components/header.js (13-13)
_{🛠️ A suggested code correction is included in the review comments.}

🔒 Security - Loading external JavaScript without SRI validation creates a security vulnerability if the CDN is compromised

Details: The component dynamically loads an external script from a CDN without Subresource Integrity (SRI) validation. If the external domain or storage account is compromised, malicious code could be injected and executed in users' browsers.
File: src/components/nav-main.js

🧹 Maintainability - Imports for Container, Navbar, Nav, and solaceDevLogo are no longer used after the refactor 🛠️

Details: After replacing the header implementation, several imports are no longer used including Container, Navbar, Nav from react-bootstrap and the solaceDevLogo image, adding unnecessary clutter to the code.
File: src/components/header.js (3-4)
_{🛠️ A suggested code correction is included in the review comments.}

Generated by LinearB AI and added by gitStream.
_{AI-generated content may contain inaccuracies. Please verify before using.
💡 Tip: You can customize your AI Review using Guidelines Learn how}

[gitstream-cm]

🐞 Bug - Wrong Component Used: Change line 13 from '' to '' to match the import on line 5 and use the new component.

Suggested change

	<Navbar />
	<NavBar />

Is this review accurate? Use 👍 or 👎 to rate it

If you want to tell us more, use /gs feedback e.g. /gs feedback this review doesn't make sense, I disagree, and it keeps repeating over and over

[gitstream-cm]

🧹 Maintainability - Unused Imports: Remove unused imports from lines 3-4. Keep only 'import React from "react"' and the NavBar import.

Is this review accurate? Use 👍 or 👎 to rate it

If you want to tell us more, use /gs feedback e.g. /gs feedback this review doesn't make sense, I disagree, and it keeps repeating over and over

[gitstream-cm]

Please mark whether you used Copilot to assist coding in this PR

• Copilot Assisted