convert Icon component from enum input to string type

pages/index.tsx

@@ -1,7 +1,7 @@
 import styles from "../styles/Index.module.scss";
 import { useEffect, useState } from "react";
 import { SEO } from "../components/SEO";
-import { Icon, IconSet } from "../components/Icon";
+import { Icon } from "../components/Icon";
 import splashes from "../data/splashes.json";
 import Link from "next/link";
 import { IndexGallery } from "../components/IndexGallery/IndexGallery";
@@ -64,16 +64,16 @@ const PageIndex = () => {
 			</div>
 			<main className="chips">
 				<Link href="/discord" className="chip">
-					discord <Icon icon={IconSet.Discord} />
+					discord <Icon icon="Discord" />
 				</Link>
 				<Link href="/youtube" className="chip">
-					youtube <Icon icon={IconSet.YouTube} />
+					youtube <Icon icon="YouTube" />
 				</Link>
 				<Link href="/twitter" className="chip">
-					twitter <Icon icon={IconSet.Twitter} />
+					twitter <Icon icon="Twitter" />
 				</Link>
 				<Link href="/github" className="chip">
-					github <Icon icon={IconSet.GitHub} />
+					github <Icon icon="GitHub" />
 				</Link>
 			</main>
 			<IndexGallery />

pages/o-gractwie.tsx

@@ -2,7 +2,7 @@ import { GractwoLogo } from "../components/Logo";
 import { SEO } from "../components/SEO";
 import styles from "../styles/oGractwie.module.scss";
 import Link from "next/link";
-import { Icon, IconSet } from "../components/Icon";
+import { Icon } from "../components/Icon";
 import administracja from "../data/administracja.json";
 import links from "../data/links.json";
 
@@ -36,11 +36,11 @@ const PageInfo = () => {
 				<div className="chips">
 					<Link href="#sklad-administracji" className="chip">
 						skład administracji
-						<Icon icon={IconSet.Users} />
+						<Icon icon="Users" />
 					</Link>
 					<Link href="#linki" className="chip">
 						linki i przekierowania
-						<Icon icon={IconSet.Link2} />
+						<Icon icon="Link2" />
 					</Link>
 				</div>
 			</main>