✨ feat(header): add search icon and update header layout

The changes in this commit include:

- Add a search icon to the header, which is implemented using the `Image` component from Next.js.
- Update the header layout to have a more balanced and centered design, with the site title and search icon aligned.
- Adjust the spacing and typography of the header elements to improve the overall visual appearance.

These changes are made to enhance the user experience of the header, making it more visually appealing and functional.

components/blogpost.tsx

@@ -20,7 +20,7 @@ interface BlogAreaProps {
 
 export default function BlogArea({ blogposts }: BlogAreaProps) {
     return (
-        <div className="blog-area pt-16 pb-8 border-t border-white w-full">
+        <div className="blog-area pt-16 pb-8 w-full">
             <div className="blogposts">
                 {blogposts.map((blogpost, index) => (
                     <div key={index} className="blogpost flex flex-row overflow-hidden mb-14">