replaced some old HTML with the right components; added quality modal functional component

src/styles/scss/_middle-section.scss

@@ -106,21 +106,6 @@ $searchbar-height: calc(2rem + 1em);
 	width: var(--container-width);
 }
 
-/* The Modal (background) */
-.smallmodal {
-	display: none;
-	position: fixed;
-	z-index: 1250;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	overflow: auto;
-	background-color: rgb(0, 0, 0);
-	background-color: rgba(0, 0, 0, 0.4);
-	animation-duration: 0.3s;
-}
-
 /* Modal Content */
 .smallmodal-content {
 	--modal-content-width: 95%;
@@ -133,17 +118,3 @@ $searchbar-height: calc(2rem + 1em);
 		--modal-content-width: 70%;
 	}
 }
-
-.smallmodal-content {
-	background-color: transparent;
-	margin: auto;
-	width: var(--modal-content-width);
-	position: relative;
-	top: 50%;
-	transform: translateY(-50%);
-
-	button {
-		width: 100%;
-		margin-bottom: 8px;
-	}
-}

src/styles/scss/base/_variables.scss

@@ -1,4 +1,5 @@
-// Breakpoints (@todo change them in more proper values)
+// Breakpoints
+// TODO Change them in more proper values
 $small: 601px;
 $medium: 993px;
 

src/styles/scss/globals/_globals.scss

@@ -306,7 +306,7 @@ a {
 	display: flex;
 }
 
-// @todo Remove
+// TODO Remove
 .inline-flex {
 	display: flex;
 	align-items: center;
@@ -316,7 +316,7 @@ a {
 	}
 }
 
-// @todo Remove
+// TODO Remove
 .right {
 	float: right;
 }