feat: improve heading styles and enhance protected data item count display

Author: ErwanDecoster

src/index.css

@@ -146,7 +146,8 @@ body {
   @apply bg-background text-foreground;
 }
 
-h1 {
+h1,
+h2 {
   @apply font-anybody text-2xl font-extrabold;
 }
 

src/views/profile/protectedDataList.tsx

@@ -143,13 +143,15 @@ export default function ProtectedDataList() {
       </div>
       <div className="space-y-6">
         <div className="space-y-2">
-          <h2>
+          <h2 className="text-xl font-extrabold">
             My protected data{' '}
-            <span>
+            <span className="text-lg font-normal">
+              (
               {pluralize(
                 protectedDataList ? protectedDataList.length : 0,
                 'item'
               )}
+              )
             </span>
           </h2>
           <p>Remove Confidentially</p>