fix: h5 tag is now red instead of black (#206)

Co-authored-by: geekysilento <125768789+geekysilento@users.noreply.github.com

app/[locale]/notifications.tsx

@@ -127,7 +127,7 @@ const NotificationsList = async ({
   return Array.from(groupBy(notifications, 'createdAt')).map(
     ([createdAt, notifications], index) => (
       <li key={index}>
-        <h5 className="text-primary-700">{createdAt as string}</h5>
+        <h5>{createdAt as string}</h5>
         <ul className="space-y-2 py-2 sm:space-y-4 sm:py-4 md:space-y-6 md:py-6">
           {notifications.map(({ id, title }, index) => (
             <li key={index}>

app/[locale]/search/client-utils.tsx

@@ -24,7 +24,7 @@ export function Recents({
   return recents.length ? (
     <section className="mb-1 sm:mb-3 md:mb-5">
       <header className="flex items-center">
-        <h5 className="mb-2 grow text-primary-700 lg:mb-3 xl:mb-4">{title}</h5>
+        <h5 className="mb-2 grow lg:mb-3 xl:mb-4">{title}</h5>
         <Button
           className="px-4 py-2 font-semibold"
           onClick={() => setRecents([])}

app/[locale]/search/search.tsx

@@ -206,7 +206,7 @@ const DefaultView = async ({ locale }: { locale: string }) => {
         {[mostSearched, studentLinks, facultyLinks].map(
           ({ title, links }, index) => (
             <nav key={index}>
-              <h5 className="mb-2 text-primary-700 lg:mb-3 xl:mb-4">{title}</h5>
+              <h5 className="mb-2 lg:mb-3 xl:mb-4">{title}</h5>
               <ol>
                 {links.map(({ title, href, category }, index) => (
                   <li className="mb-2" key={index}>

styles/globals.css

@@ -41,6 +41,7 @@
   h5 {
     @apply font-serif;
     @apply text-base sm:text-lg md:text-xl;
+    @apply text-primary-700;
   }
 
   h6 {