Improved Changelog, Changelog in Dispatch

apps/hub/app/(app)/admin/changelog/_components/Form.tsx

@@ -9,7 +9,6 @@ import { useEffect, useState } from "react";
 import { deleteChangelog, upsertChangelog } from "../action";
 import { Button } from "../../../../_components/ui/Button";
 import { redirect } from "next/navigation";
-import Image from "next/image";
 import dynamic from "next/dynamic";
 import toast from "react-hot-toast";
 
@@ -73,7 +72,13 @@ export const ChangelogForm = ({ changelog }: { changelog?: Changelog }) => {
 						<h2 className="card-title">
 							<FileText className="h-5 w-5" /> Allgemeines
 						</h2>
-						<Input form={form} label="Titel" name="title" className="input-sm" />
+						<Input
+							form={form}
+							label="Titel"
+							name="title"
+							placeholder="Titel (vX.X.X)"
+							className="input-sm"
+						/>
 						<Input
 							form={form}
 							label="Bild-URL"
@@ -91,7 +96,7 @@ export const ChangelogForm = ({ changelog }: { changelog?: Changelog }) => {
 						{(() => {
 							if (showImage && isValidImageUrl(previewImage) && !imageError) {
 								return (
-									<Image
+									<img
 										src={previewImage}
 										alt="Preview"
 										width={200}