Change h4 to h3 to fix the order

Author: hasparus

src/components/index-page/data-colocation/friend-list.tsx

@@ -10,9 +10,9 @@ export function FriendList({ friends }: FriendList) {
       className="overflow-hidden rounded-lg border border-neu-200 dark:border-neu-100"
       data-sector="2"
     >
-      <h4 className="typography-body-lg border-b border-neu-200 bg-neu-50 px-3 py-2 dark:border-neu-100 dark:bg-neu-50/50">
+      <h3 className="typography-body-lg border-b border-neu-200 bg-neu-50 px-3 py-2 dark:border-neu-100 dark:bg-neu-50/50">
         Friends
-      </h4>
+      </h3>
       <ul className="flex flex-col gap-6 p-3 lg:p-6 max-md:[&>*:not(:first-child)]:hidden">
         {friends.map(friend => (
           <FriendListItem key={friend.name} {...friend} />