monitor controls header

client/src/Components/v2/design-elements/Icon.tsx

@@ -0,0 +1,13 @@
+import type { LucideIcon } from "lucide-react";
+
+interface IconProps {
+	icon: LucideIcon;
+	size?: number;
+	strokeWidth?: number;
+}
+
+const Icon = ({ icon: Icon, size = 20, strokeWidth = 1.5 }: IconProps) => {
+	return <Icon size={size} strokeWidth={strokeWidth} />;
+};
+
+export default Icon;

client/src/Components/v2/design-elements/index.tsx

@@ -11,3 +11,4 @@ export * from "./StatusLabel";
 export * from "./PulseDot";
 export * from "./Dot";
 export * from "./MonitorStatus";
+export { default as Icon } from "./Icon";