feat: Combine start and tile screens

- Combine start and tile content to start screen
- Remove tile screen
- Remove new css module
- Integrate style to start module

source/style/modules/ui/_new_module.scss

@@ -1,99 +0,0 @@
-@use "sass:color";
-
-@use "../../hippie-style/hippie";
-
-$module_top_height: 32px;
-$body_top_space: $module_top_height + hippie.$space_basic;
-
-.body_new {
-	@extend %flex_column;
-	padding: $body_top_space hippie.$space_basic hippie.$space_basic;
-}
-
-.area {
-	transition: hippie.$transition_best;
-
-	&:hover {
-		background-color: #999;
-	}
-}
-
-.grid {
-	display: grid;
-	flex: 1;
-	// grid-template-rows: repeat(2, 1fr);
-	// grid-template-columns: repeat(2, 1fr);
-	grid-template-areas: "a a";
-	grid-auto-rows: 1fr;
-	grid-auto-columns: 1fr;
-}
-
-.item {
-	// height: unset;
-	border-color: color.scale(hippie.$color_back_basic, $lightness: -4%);
-	border-style: dotted;
-	border-width: hippie.$width_border_8;
-	border-radius: hippie.$width_border_8;
-	padding: hippie.$space_basic;
-	background-color: rgb(hippie.$color_back_basic, .5);
-	// background-color: lighten(hippie.$color_back_basic, hippie.$color_diff_tiny);
-	// background-color: gold;
-}
-
-.float {
-	min-height: 50%;
-}
-
-#top {
-	position: fixed;
-	top: 0;
-	left: 0;
-	display: flex;
-	width: 100%;
-	height: $module_top_height;
-	background-color: rgb(0, 0, 0, .8);
-	z-index: hippie.$z_top;
-
-	div:last-child {
-		flex: 1;
-	}
-
-	p,
-	li {
-		color: #fff;
-	}
-
-	h1 a {
-		color: #000;
-	}
-
-	p,
-	li {
-		margin-top: 8px;
-		margin-bottom: 7px;
-		padding: 0 4px;
-		font-size: 12px;
-		line-height: 17px;
-	}
-
-	nav ul {
-		display: flex;
-		margin: 0 0 0 16px;
-	}
-
-	.brand {
-		height: 36px;
-		background-color: #fff;
-		margin: 0 0 0 128px;
-		padding: 7px 24px;
-		font-size: 16px;
-		line-height: 22px;
-		font-weight: bold;
-		text-align: center;
-	}
-
-	.state {
-		margin-right: 16px;
-		text-align: right;
-	}
-}