FIX: Update Sidebar Icons for "Learning Path" and "Trending Content"

[chrissantillan]

Description:

Replace the current icons for Learning Path and Trending Content in the Resident's left-hand sidebar navigation with the new icons provided:

• Trending Content: Replace the current icon with the graph-like icon (first image).
• Learning Path: Replace the current icon with the road-like icon (second image).

Ensure the updated icons match the existing design style, size, and spacing of the sidebar navigation.

Tasks:

• Asset Updates:

  • Add the new Trending Content (graph-like) and Learning Path (road-like) icons to the project assets.

• Frontend Implementation:

  • Replace the existing Learning Path icon with the new road-like icon.
  • Replace the existing Trending Content icon with the new graph-like icon.
  • Ensure the icons are properly aligned and scaled within the sidebar navigation.

• Testing:

  • Verify that the new icons display correctly in the left-hand sidebar.
  • Check for consistent alignment and spacing with other icons.
  • Ensure the sidebar remains responsive and visually appealing across all screen sizes.

Sample Screenshot (Before):

**Icons (After):

• Learning Path (road-like icon)
  

• Trending Content (graph-like icon)
  

Acceptance Criteria:

• The Learning Path icon is updated to the road-like icon.
• The Trending Content icon is updated to the graph-like icon.
• Icons are properly aligned and scaled in the sidebar.
• Clicking the icons navigates correctly to their respective pages.
• Sidebar navigation remains responsive and visually consistent.

[jtucholski]

@chrissantillan Do you know if the icons are listed here on https://heroicons.com/?

[chrissantillan]

@jtucholski those particular ones are not in heroicons. The closest one in heroicons is arrow-trending-up (there is no road icon).