Social Media Post Component

Each post includes the image and name of the post owner on the top left, along with the date posted.

Each post features a bottom row with like, comment, and share buttons, displaying counts beside each.

Each post includes a comment input field with the current user's image on the left and a send button on the right.

Hovering over the like button displays a tooltip with reaction options: like, cry, heart, laugh, and dislike.

Text-only posts display text content with consistent spacing and styling.

Text-with-image posts display text on top and an image below, cropped to fit a fixed height and width.

Text-with-video posts display text on top and a video below with a centered play button, cropped to a fixed size.

Text-with-multiple-media posts display text on top and a collage of images and videos below, with a 'See More' button for additional content.

Text-with-audio posts display text on top, followed by an audio player with a play button on the left and a waveform visualization on the right.

Audio player displays a start time of 00:00 on the left and the total duration on the right.

Text-with-poll posts have two states: before voting and after voting.

Before voting, polls display options with a 'X people have voted' text at the bottom.

After voting, poll options adjust their width to reflect vote percentages, and the selected option is highlighted with a tick mark and backround colour.

Each poll result option displays the percentage on the left and the number of votes on the right.

Add support for dark mode.

Implement lazy loading for images and videos.

Make the component fully responsive.

Animate the reaction tooltip with smooth transitions.

Store poll responses in local storage to persist votes.