feat: add RecommendationListCard and RoutePlanCard components with styles and mocks

- Implemented RecommendationListCard component for displaying a list of recommendations with titles, descriptions, and badges.
- Created RoutePlanCard component to show route details, including nodes and tips, with a detailed view toggle.
- Added ScenicImageCard component for showcasing images with optional captions.
- Developed SharedVisual components: CardShell, BadgePill, MediaFrame, ActionRow, and DetailShell for reusable UI elements.
- Introduced SCSS styles for all new components and updated existing styles for consistency.
- Created test page to preview and interact with all components using mock data.
- Added new utility classes for background colors, borders, colors, display, flex, font sizes, font weights, heights, positions, rounded corners, and widths.

src/pages/ChatModule/ScenicImageCard/styles/index.scss

@@ -0,0 +1,30 @@
+.scenic-image-card__image-wrap {
+}
+
+.scenic-image-card__image {
+  border-radius: 0;
+}
+
+.scenic-image-card__caption {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 42px 16px 16px;
+  background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.72) 100%);
+}
+
+.scenic-image-card__caption-title {
+  line-height: 20px;
+}
+
+.scenic-image-card__caption-subtitle {
+  margin-top: 3px;
+  color: rgba(255, 255, 255, 0.72);
+}
+
+.scenic-image-card__expand {
+  top: 12px;
+  right: 12px;
+  background: rgba(0, 0, 0, 0.32);
+}