Update Sidebar component to open Harmony link in a new tab by adding target attribute to anchor tags.

Author: John Rogers

src/components/Sidebar.tsx

@@ -135,7 +135,7 @@ export default function Sidebar() {
             alignItems: "center",
           }}
         >
-          <a href="https://harmonydata.ac.uk">
+          <a href="https://harmonydata.ac.uk" target="harmonyHome">
             <Image
               src={getAssetPrefix() + "harmony.png"}
               alt="Harmony Logo"
@@ -292,7 +292,7 @@ export default function Sidebar() {
       >
         {/* Logo */}
         <Box sx={{ p: 1, pt: 3, display: "flex", justifyContent: "center" }}>
-          <a href="https://harmonydata.ac.uk">
+          <a href="https://harmonydata.ac.uk" target="harmonyHome">
             <Image
               src={getAssetPrefix() + "harmony.png"}
               alt="Harmony Logo"

src/components/Sidebar/index.tsx

@@ -57,7 +57,7 @@ export default function Sidebar() {
       >
         {/* Logo */}
         <Box sx={{ display: "flex", alignItems: "center" }}>
-          <a href="https://harmonydata.ac.uk">
+          <a href="https://harmonydata.ac.uk" target="harmonyHome">
             <Box
               component="img"
               src="/harmony.png"
@@ -118,14 +118,14 @@ export default function Sidebar() {
     >
       {/* Logo */}
       <Box sx={{ p: 1, pt: 3, display: "flex", justifyContent: "center" }}>
-        <a href="https://harmonydata.ac.uk">
-          <Box
-            component="img"
-            src="/harmony.png"
-            alt="Harmony Logo"
-            sx={{ width: 48, height: 48, objectFit: "contain" }}
-          />
-        </a>
+          <a href="https://harmonydata.ac.uk" target="harmonyHome">
+            <Box
+              component="img"
+              src="/harmony.png"
+              alt="Harmony Logo"
+              sx={{ width: 48, height: 48, objectFit: "contain" }}
+            />
+          </a>
       </Box>
 
       {/* Navigation Items */}