make home clickable in the breadcrumbs

Author: gumaerc

frontends/mit-open/src/pages/UnitsListingPage/UnitsListingPage.tsx

@@ -19,6 +19,7 @@ import {
 } from "api"
 import { MetaTags } from "ol-utilities"
 import { useChannelDetail } from "api/hooks/fields"
+import { HOME } from "@/common/urls"
 
 const UNITS_BANNER_IMAGE = "/static/images/background_steps.jpeg"
 const DESKTOP_WIDTH = "1056px"
@@ -403,7 +404,11 @@ const UnitsListingPage: React.FC = () => {
         <title>MIT Open | Units</title>
       </MetaTags>
       <Banner
-        navText="Home / MIT Units"
+        navText={
+          <span>
+            <a href={HOME}>Home</a> / MIT units
+          </span>
+        }
         title="Academic & Professional Learning"
         description="Extending MIT's knowledge to the world"
         backgroundUrl={UNITS_BANNER_IMAGE}