display filter rank options in frontend

[renanfranca]

• Fix New state for modules #10934

A demo video of the implemented feature:

20250214-rank_filter_demo.mp4

There were many things going on in the above demo video so I will list the completed tasks below.

Rank Module Filter Implementation Tasks

UI Components

• Create LandscapeRankModuleFilterVue component with:
  • Rank filter buttons for all RANKS
  • Active state styling for selected rank
  • Title attributes with rank descriptions
  • Disabled state for ranks without modules
  • Click handlers for selection/deselection

Rank Filtering Logic

• Implement rank filtering in the Landscape class:
  • filterByRank() method
  • Module visibility based on selected rank
  • Dependency handling for modules with different ranks
  • Feature preservation when containing filtered modules

Module Emphasis

• Add minimal emphasis styling for:
  • Dependency modules with different ranks than filter
  • Features containing modules with different ranks

Integration

• Connect rank filter to Landscape component:
  • Do not show rank filter on small screens
  • Emit selected rank event
  • Update Landscape display with filtered modules
  • Handle preset interactions when the rank filter changes

Design

• Create tikui toggle-button atom
• Create tikui landscap-rank-module-filter organism

The dark mode Landscape screen with rank module filter

[renanfranca]

@qmonmert: Thank you for the review. I have pushed the fixes. Let me know if you need some changes ✌️

[qmonmert]

LGTM 👍