Improve homepage (#245)

* Improve how generators are listed on home

* Add some icons for generators

* Remove debug

* Refactor cachedFetch and use generated changelogs

* Add limit to how many changes are shown by default

* Add more generator icons

* Refactor cards

* Fix generator icons for light theme

* Add more worldgen icons

* Add remaining generator icons

* Refactor navigation and badges style

* Group on homepage for guides and tools

* Fix header button style

* Add versions and technical changelog to homepage

* Make it clear that not all changes could be documented

src/app/pages/Worldgen.tsx

@@ -0,0 +1,30 @@
+import { Footer, GeneratorCard, GeneratorList, GuideCard, ToolGroup } from '../components/index.js'
+import { useLocale, useTitle } from '../contexts/index.js'
+
+interface Props {
+	path?: string
+}
+export function Worldgen({}: Props) {
+	const { locale } = useLocale()
+	useTitle(locale('title.worldgen'))
+
+	return <main>
+		<div class="container worldgen">
+			<div class="card-group">
+				<ToolGroup title={locale('popular_generators')}>
+					<GeneratorCard minimal id="dimension" />
+					<GeneratorCard minimal id="worldgen/biome" />
+					<GeneratorCard minimal id="worldgen/noise_settings" />
+					<GeneratorCard minimal id="worldgen/configured_feature" />
+					<GeneratorCard minimal id="worldgen/placed_feature" />
+				</ToolGroup>
+				<ToolGroup title={locale('guides')} link="/guides/?tags=worldgen" titleIcon="arrow_right">
+					<GuideCard id="adding-custom-structures" />
+					<GuideCard id="placed-features" />
+				</ToolGroup>
+			</div>
+			<GeneratorList predicate={gen => gen.tags?.includes('worldgen')} />
+		</div>
+		<Footer />
+	</main>
+}