refactor: readded Karla as a font used in some places

frontend/src/App.vue

@@ -1226,12 +1226,14 @@ h4.section-title {
 }
 
 .news-item {
+	font-family: "Karla";
 	border-radius: 5px;
 	padding: 20px;
 	border: unset !important;
 	box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
 
 	* {
+		font-family: Karla, Arial, sans-serif;
 		font-size: 16px;
 	}
 

frontend/src/components/SearchQueryItem.vue

@@ -119,6 +119,7 @@ export default {
 
 		*:not(i) {
 			margin: 0;
+			font-family: Karla, Arial, sans-serif;
 		}
 	}
 }

frontend/src/components/SongItem.vue

@@ -337,6 +337,7 @@ export default {
 
 		*:not(i) {
 			margin: 0;
+			font-family: Karla, Arial, sans-serif;
 		}
 
 		h6 {

frontend/src/components/modals/ViewReport.vue

@@ -262,11 +262,12 @@ export default {
 		.item-title-description {
 			.item-title {
 				font-size: 20px;
+				font-family: Karla, Arial, sans-serif;
 			}
 
 			.item-description {
 				font-size: 14px;
-				line-height: 16px;
+				font-family: Karla, Arial, sans-serif;
 			}
 		}
 	}