Environment services table

[WilliamTraoreee]

What does this PR do?

> Link to the JIRA ticket

• Create the environment service table (all services link to an environment)
• Create Tag commit component with the copy commit id feature

PR Checklist

Global

• This PR does not introduce any breaking change
• This PR introduces breaking change(s) and has been labeled as such
• I have found someone to review this PR and pinged him

Store

• This PR introduces new store changes

NX

• I have run the dep-graph locally and made sure the tree was clean i.e no circular dependencies
• I have followed the library pattern i.e feature, ui, data, utils

Clean Code

• I made sure the code is type safe (no any)
• I have included a feature flag on my feature, if applicable

[nx-cloud]

☁️ Nx Cloud Report

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

📂 See all runs for this branch

---

✅ Successfully ran 2 targets

• nx affected --target=build --parallel --max-parallel=3 --configuration=staging
• nx affected --target=test --parallel --max-parallel=3 --configuration=staging

---

Sent with 💌 from NxCloud.

[RemiBonnet]

A preview environment was automatically created via Qovery.
Click on the link below to follow its deployment and use it.
👉 [PR] staging - Environment services table - 2022-05-13T12:48:55Z

[RemiBonnet]

[RemiBonnet]

Please, for the screenshot we need your integration and not the Figma

The commit component is glitched, we need the have the same width for the hover and click, we don't have the same experience with the V2

[RemiBonnet]

you can add directly tag-commit

[RemiBonnet]

Missing other logos, check with the currently production (Redis, Postgre, etc)

[bdebon]

When we are loading the data for the first time, the table is empty which is wrong. We should see 2 or 3 lines of placeholders skeletons.
https://user-images.githubusercontent.com/6163954/168549612-0897b645-515f-478e-a02a-8a534b9cf3d0.mp4

The skeletons are all stacked without spaces between them.

[bdebon]

On hover there is a slight change of global width which create a very unpleasant shift, probably you should fix the width of both icon to avoid this behavior
https://user-images.githubusercontent.com/6163954/168550202-f1b796af-ad7d-4ec2-94de-d55d08b91044.mp4

[bdebon]

Everything is good now! You can merge! Well done!

[bdebon]

🎉 This PR is included in version 1.0.0-staging.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[bdebon]

🎉 This PR is included in version 1.0.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀