dashboard header repo link

dashboard/src/main/home/cluster-dashboard/DashboardHeader.tsx

@@ -7,7 +7,7 @@ import TitleSection from "components/TitleSection";
 
 type PropsType = {
   image: any;
-  title: string;
+  title: any;
   description?: string;
   materialIconClass?: string;
   disableLineBreak?: boolean;
@@ -89,7 +89,7 @@ const InfoLabel = styled.div`
 `;
 
 const InfoSection = styled.div`
-  margin-top: 20px;
+  margin-top: 15px;
   font-family: "Work Sans", sans-serif;
   margin-left: 0px;
   margin-bottom: 35px;

dashboard/src/main/home/cluster-dashboard/preview-environments/deployments/DeploymentList.tsx

@@ -292,7 +292,14 @@ const DeploymentList = () => {
       </BreadcrumbRow>
       <DashboardHeader
         image="https://git-scm.com/images/logos/downloads/Git-Icon-1788C.png"
-        title={selectedRepo}
+        title={
+          <StyledLink 
+            to={`https://github.com/${selectedRepo}`}
+            target="_blank"
+          >
+            {selectedRepo}
+          </StyledLink>
+        }
         description={`Preview environments for the ${selectedRepo} repository.`}
         disableLineBreak
         capitalize={false}
@@ -372,6 +379,13 @@ const mockRequest = () =>
     );
   });
 
+const StyledLink = styled(DynamicLink)`
+  color: white;
+  :hover {
+    text-decoration: underline;
+  }
+`;
+
 const BreadcrumbRow = styled.div`
   width: 100%;
   display: flex;