Design improvements based on User feedback:

1. Table hierarchy refinement
2. Table space optimisation
3. Table navigation improvement

Update pages and assets app grid/table with NEW design

• Pages app row component
• Assets app row component

ACs:

• Update pages and assets treeview hierarchy 
  • Pages row start component
  • Assets row start component
• Update row height to be smaller (after design optimisation) – before 52px now 40px
  • / Row layout /
    display: flex;
    width: 1368px;
    height: 40px;
    padding: 2px 24px;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
  • / Row start layout / (double line with Title/Name and path):
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: -3px;
  • / Text styles /
    • Title: color: var({}Neutrals-black-main, var({-}-Selected-item, #232323));
      /* Label/Tag-regular */
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px; /* 142.857% */
    • Path: color: var(--Neutrals-dark-grey-hover, #656565);
      /* Label/Label */
      font-family: Roboto;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px; /* 133.333% */
      letter-spacing: -0.2px;
    • Default row content: color: var({}Neutrals-black-main, var({-}-Selected-item, #232323));
      /* Label/Tag-light */
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 300;
      line-height: 20px; /* 142.857% */
• Update folder name to always have the path info together
• Add hover state for selected row
• When selecting an object on the grid the path on the footer is redundant, leave blank unless when presenting search results or on edit mode