simplify admin json by mutating name string for link, add hover state to admin card links

data/administracja.json

@@ -2,8 +2,7 @@
 	{
 		"name": "jamesen",
 		"desc": "Frontendowiec nie jebany.",
-		"img": "https://pbs.twimg.com/profile_images/1605591811921149953/Ogr8ALPa_400x400.jpg",
+		"img": "https://pbs.twimg.com/profile_images/1605591811921149953/Ogr8ALPa_400x400.jpg"
-		"profilehref": "jamesen"
 	},
 	{
 		"name": "Mollin",

pages/o-gractwie.tsx

@@ -51,7 +51,9 @@ const PageInfo = () => {
 						return (
 							<Link
 								key={el.name}
-								href={el.profilehref ? `/profile/${el.profilehref}` : ""}
+								href={`/profile/${el.name
+									.replaceAll(" ", "-")
+									.toLocaleLowerCase()}`}
 							>
 								<article>
 									<img src={el.img} alt={`zdjęcie profilowe ${el.name}`} />

styles/oGractwie.module.scss

@@ -50,7 +50,6 @@
 	a {
 		color: inherit;
 		text-decoration: inherit;
-	}
 		article {
 			--radius: 6px;
 			flex: 1;
@@ -59,6 +58,7 @@
 			background: var(--black1);
 			border-radius: var(--radius);
 			box-shadow: var(--shadow0);
+			transition-duration: 100ms;
 			img {
 				width: 128px;
 				max-width: 156px;
@@ -76,6 +76,9 @@
 				min-width: 14rem;
 				padding: 0 1rem;
 			}
+			&:hover {
+				background: var(--black2);
+			}
 		}
 		@media screen and (max-width: 400px) {
 			article {
@@ -90,4 +93,5 @@
 				}
 			}
 		}
+	}
 }