fix(showcase): prevent arbitrary url evaluation

[fpaul-1A]

Proposed change

Related issues

• 🐛 Fixes #(issue)
• 🚀 Feature #(issue)

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 604eba0. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx run-many --target=build --projects=eslint-plugin --parallel 3

---

Sent with 💌 from NxCloud.

[kpanot]

Why a component more that a pipe?
Here you just want to calculate the realUrl of an icon (I also think that the alt should not be the url of the icon but a meaningful short description)

[fpaul-1A]

I agree in general that the alt should be a meaningful description, but in that specific case we are displaying the image that has been uploaded to create a pet. There is no description for that image and I thought in that specific case the url was relevant
As for component vs pipe, I used a component with the idea that we could want to change some html/css on these images but at the end it might not be the case, so I'm ok to only use a pipe