Mobile

[fretchen]

No description provided.

[Copilot]

Pull Request Overview

This PR replaces the legacy TitleBar and inline SupportArea components with styled <h1> headings, refactors core layout styles into a responsive base card system, and splits support logic into a standalone hook and two new UI components.

• Remove TitleBar component/props and migrate to styled <h1>
• Refactor layouts/styles.ts to introduce baseContentCard, responsive entry/card styles, and titleBar
• Convert SupportArea into useSupportAction hook; add StarSupport and MetadataLine components; update tests and page files

Reviewed Changes

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

Show a summary per file

File	Description
website/types/components.ts	Remove TitleBarProps interface
website/layouts/styles.ts	Introduce baseContentCard, baseContentCardList, titleBar and responsive updates
website/hooks/useSupportAction.ts	Convert SupportArea logic into useSupportAction hook
website/components/StarSupport.tsx	New compact support button component with two variants
website/components/MetadataLine.tsx	New metadata line component for date and support button
website/components/EntryList.tsx	Wrap entire entry in <Link>, use unified entry styles
website/components/Card.tsx	Update to use baseContentCard and link wrapper
website/layouts/LayoutDefault.tsx	Add scroll indicator logic and embed <Footer>
website/pages///+Page.tsx	Replace <TitleBar> with <h1 className={titleBar.title}>
website/test/EntryList.test.tsx	Update tests to use link-wrapped cards and type imports

Comments suppressed due to low confidence (3)

website/components/StarSupport.tsx:1

• Add unit tests for the new StarSupport component to cover both variants and loading/error states.

import * as React from "react";

website/components/MetadataLine.tsx:1

• Add tests for MetadataLine to verify date formatting, conditional rendering, and support button behavior.

import * as React from "react";

website/hooks/useSupportAction.ts:11

• [nitpick] Consider making the url parameter optional (e.g., url?: string) so the hook can be called without unintended side effects when support is disabled.

export function useSupportAction(url: string) {