fix(styles): redesign line/link Tiles in both static and edit mode

[alexhristov14]

Related Issue

related to https://github.com/SAP/fundamental-ngx/issues/11490

Description

Design changes to the generic line tiles according to the specs

Screenshots

Before:

After:

[netlify[bot]]

✅ Deploy Preview for fundamental-styles ready!

Name	Link
🔨 Latest commit	6c3b948e5150a242ec10ea8a0b21ef7893319285
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-styles/deploys/67f5d577fc0f9100080273bf
😎 Deploy Preview	https://deploy-preview-5676--fundamental-styles.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[InnaAtanasova]

The focus outline radius doesn't have the same radius as the Tile

[InnaAtanasova]

Active state: there should be 1 outline.

[InnaAtanasova]

https://github.com/user-attachments/assets/f4c9c611-7275-4450-b630-382e219c02f1

there's a "jump" on hover. Probably somewhere you set/remove a border that causes change of element height.

[InnaAtanasova]

Please fix the lint errors

[droshev]

@InnaAtanasova can you check?

[InnaAtanasova]

Screen.Recording.2024-10-03.at.11.51.54.AM.mov there's a "jump" on hover. Probably somewhere you set/remove a border that causes change of element height.

this is still reproducible. There shouldn't be a "jump" on hover.