Searching: For- Porn Collection In-all Categorie...

.media-type-grid display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;

.search-button padding: 15px 30px; background: #007bff; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 16px; transition: background 0.3s; Searching for- porn collection in-All Categorie...

<div className="filter-section"> <h3>Sort By</h3> <select value=filters.sortBy onChange=(e) => handleFilterChange('sortBy', e.target.value) className="filter-select" > <option value="relevance">Relevance</option> <option value="rating">Rating</option> <option value="date">Release Date</option> <option value="title">Title</option> </select> </div> </aside> .media-type-grid display: grid

router.get('/api/categories', async (req, res) => try const type = 'entertainment' = req.query; const categories = await searchService.getCategoriesByType(type); res.json(categories); catch (error) res.status(500).json( error: error.message ); .search-button padding: 15px 30px

/* Pagination */ pagination.totalPages > 1 && ( <div className="pagination"> <button onClick=() => setPagination(prev => ( ...prev, page: prev.page - 1 )) disabled=pagination.page === 1 > Previous </button> <span>Page pagination.page of pagination.totalPages</span> <button onClick=() => setPagination(prev => ( ...prev, page: prev.page + 1 )) disabled=pagination.page === pagination.totalPages > Next </button> </div> ) </> ) </main> </div> </div> ); ;