News Grid - Copy this React, Tailwind Component to your project

Layout and Structure Grid Layout: The news items are arranged in a 2x2 grid layout. Each item is a card that contains an image, title, publication date, author, and icons representing reactions such as likes and comments. Responsive Design: Ensure that the layout adjusts responsively for different screen sizes, possibly stacking into a single column on smaller screens. Functional Details Hover Effects: Each news card might have a hover effect to slightly elevate the card or change the background color subtly to indicate it’s selectable. Clickable Cards: Each card should be clickable, leading to the full article or news post. Navigation Indicators: Below the news cards, there are navigation indicators (dots) to suggest additional content or pages. These should be functional and allow users to switch between different sets of news items if there are more than four.