moving parnetheses out of the <a>

frontend/src/modules/dashboard/Dashboard.tsx

@@ -44,9 +44,18 @@ export const Dashboard: React.FC = () => {
           <div className="system-status flex items-center text-sm font-medium text-gray-500 gap-1">
             <p className="">Version {systemInfo.version} </p>
             <span>{versionStatusIcon}</span>
-            <a className="hover:text-primary-500 underline" href={systemInfo.releaseNotesUrl}>
-              (Changelog <NewspaperIcon className="h-4 w-4 inline" />)
-            </a>
+            <span>
+              (
+              <a
+                className="hover:text-primary-500 underline"
+                href={systemInfo.releaseNotesUrl}
+                target="_blank"
+                rel="noreferrer noopener"
+              >
+                Changelog <NewspaperIcon className="h-4 w-4 inline" />
+              </a>{' '}
+              )
+            </span>
           </div>
         </div>
       </div>