Fix final styling for the generator

Author: rick-nu

src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx

@@ -4,6 +4,7 @@ import styles from './highlighter.module.css';
 
 enum RendererType {
 	EmptyLines,
+	HashBang,
 	TaskDefinitions,
 	FunctionDefinitions,
 	Sections,
@@ -26,6 +27,10 @@ export const lineRenderers: Record<RendererType, LineRenderer> = {
 		test: (line) => line.trim() === '',
 		render: (_, i) => <div key={i}>&nbsp;</div>,
 	},
+	[RendererType.HashBang]: {
+		test: (line) => line.trim() === '#!/usr/bin/env bash',
+		render: (line, i) => <div key={i} className={styles['text-gray']}>{line}</div>,
+	},
 	[RendererType.TaskDefinitions]: {
 		test: (line) => /^function\stask:+[a-zA-Z-_:]+/.test(line),
 		render: (line, i) => {

src/components/Generator/Settings/Settings.tsx

@@ -80,8 +80,8 @@ const Settings = (): ReactElement => {
 				]}
 			/>
 			<Checkbox name="configureGitHooks">Configure git hooks</Checkbox>
-			<h2>SubTaskfile (for monorepos)</h2>
-			<Checkbox name="subTaskfile">Include SubTaskfile</Checkbox>
+			<h2>SubTaskfile</h2>
+			<Checkbox name="subTaskfile">Include SubTaskfile example</Checkbox>
 			<h2>Utilities</h2>
 			<Checkbox name="fileUtilities">File checks</Checkbox>
 			<Checkbox name="appUtilities">Application dependencies</Checkbox>

src/components/Window/window.module.scss

@@ -10,7 +10,7 @@
 	outline: 1px solid rgb(255 255 255 / 0.2);
 	overflow: hidden;
 	background-color: #fff;
-	min-height: 24rem;
+	min-height: 18rem;
 
 	@include from(large) {
 		max-height: calc(100dvh - 11.5rem);