esLint

components/icons/CogIcon.tsx

@@ -1,17 +1,20 @@
-import React from "react";
+// /components/icons/CogIcon.tsx
+import Image from "next/image";
 
 type Props = {
   className?: string;
   onClick?: () => void;
 };
 
-export default function CogIcon({ className, onClick }: Props) {
-  return (
-    <img
-      src="/icons/mdi--cog-outline.svg"
-      alt="Einstellungen"
-      className={className}
-      onClick={onClick}
-    />
-  );
-}
+const CogIcon: React.FC<Props> = ({ className, onClick }) => (
+  <Image
+    src="/icons/mdi--cog-outline.svg"
+    alt="Einstellungen"
+    className={className}
+    onClick={onClick}
+    width={24}
+    height={24}
+  />
+);
+
+export default CogIcon;