Fill out the follower component

web/components/FollowersCollection.tsx

@@ -1,9 +1,24 @@
+import { Pagination } from 'antd';
 import { Follower } from '../interfaces/follower';
+import SingleFollower from './Follower';
 
 interface Props {
+  total: number;
   followers: Follower[];
 }
 
 export default function FollowerCollection(props: Props) {
-  return <div>List of followers go here</div>;
+  const ITEMS_PER_PAGE = 24;
+
+  const { followers, total } = props;
+  const pages = Math.ceil(total / ITEMS_PER_PAGE);
+
+  return (
+    <div>
+      {followers.map(follower => (
+        <SingleFollower key={follower.link} follower={follower} />
+      ))}
+      <Pagination current={1} pageSize={ITEMS_PER_PAGE} total={pages || 1} />
+    </div>
+  );
 }