feat: restyle Topics Page layout and components

[phiro56]

Description

Restyle Topics Page layout and components
- Update left-aside layout with reversed flex direction
- Style topic cards with new background and hover states
- Add rounded corners to main content area
- Implement responsive layout adjustments for mobile/desktop
- Update typography and spacing for topic descriptions

Dependencies

• This PR depends on #242 (feat-ui-redesign-commands-page)
• The changes in this PR should be reviewed and merged after the base PR is merged

[Copilot]

Pull Request Overview

This PR updates the Topics Page layout and styling by restyling the layout components and topic cards for improved aesthetics and responsiveness.

• Switched the layout from "right-aside" to "left-aside" to better align with the design requirements.
• Updated the topics list markup from a div-based structure to semantic li elements with associated styling enhancements.
• Refined typography and added new style rules for improved visual hierarchy.

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
templates/docs.html	Updated layout extension and refactored the topics list markup to use semantic elements.
sass/_valkey.scss	Added font-weight styling, introduced .topic-description styles, and cleaned up unused CSS selectors.

Comments suppressed due to low confidence (2)

templates/docs.html:49

• The topic list markup has been refactored to use
• elements, replacing the old .index-entry divs. Ensure that any related styles or scripts referencing .index-entry are updated or removed accordingly.

            <li>

sass/_valkey.scss:949

• The .index-entry selector has been removed from the block-menu styles. Confirm that this change is consistent with its usage in the templates and remove any related unused styles to maintain code clarity.

.block-menu ul li {

[madolson]

As always, didn't review any of the CSS, but verified it functionally works.