Change Dashboard Page Layout to a customizable Grid Layout

[ds-ashanmugavel]

As User , I want to make my dashboard customizable , so that I only see necessary data .

Hints / Details

• Miro UI Concept Board : LINK

• Use Library for Grid Layout https://github.com/katoid/angular-grid-layout

• Define and use a default grid layout

• Should reset to that default View by a click on "default Layout"

• When closing a View, the space should stay empty (no size adjustmen of another grid)

• When Clicking on the fullscreen Icon, the user will be navigated to the dedicated page of the grid view (id deeplink for extended detailed views) CONSTRAINT: First need extended detailed Views for parts and notifications (notifications already exist)

• When clicking on an item in parts table or quality notification table, the extended detailed view should show details about the item

• Otherwise detailed view grid is a empty view ( no data )

Acceptance Criteria

• [ ] Redesigned like in Concept
• [ ] Default grid layout set and selectable
• [ ] icon that navigates to corresponding tile context existing
• [ ] detailed View tile updates on table row click
• [ ] adapt the FE Test's

Out of Scope

• persistable View Settings
• save settings

[ds-ashanmugavel]

I copied the ticket as the original tickets were deleted due to a spam account. Orginal Ticket: https://github.com/eclipse-tractusx/traceability-foss/issues/611