Blog Post Details - Copy this React, Tailwind Component to your project

Create a blog post details page featuring a responsive top navigation bar with links to Home, About, Categories, and Contact, which collapses into a hamburger menu on mobile. Below, include a sticky horizontal navbar showcasing categories like Web Development and a search bar on the right. The main section should feature a large post image followed by the article text in a clean, readable font, with code blocks using syntax highlighting set against a contrasting background. On the right, design a sidebar with related articles, quick tips, and useful links, matching the main content’s color palette. Ensure the layout is modern, with appropriate spacing for easy navigation and readability across devices.