Change author & description from P-tags to Links for recommended-mate…

…rial

This makes it possible to click on the author and description texts for a recommended material, and go to the linked material.

DDFFORM-497

src/apps/recommended-material/RecommendedMaterial.tsx

@@ -21,6 +21,7 @@ import { DisplayMaterialType } from "../../core/utils/types/material-type";
 import { useUrls } from "../../core/utils/url";
 import { getManifestationBasedOnType } from "../material/helper";
 import RecommendedMaterialSkeleton from "./RecommendedMaterialSkeleton";
+import Link from "../../components/atoms/links/Link";
 
 export type RecommendedMaterialProps = {
   wid: WorkId;
@@ -98,18 +99,20 @@ const RecommendedMaterial: React.FC<RecommendedMaterialProps> = ({
         shadow="medium"
       />
       <div className="recommended-material__texts">
-        <p
+        <Link
+          href={materialFullUrl}
           className="recommended-material__description"
           data-cy="recommended-description"
         >
           {fullTitle}
-        </p>
-        <p
+        </Link>
+        <Link
+          href={materialFullUrl}
           className="recommended-material__author"
           data-cy="recommended-author"
         >
-          {author}{" "}
-        </p>
+          {author}
+        </Link>
       </div>
     </div>
   );