feat: enhance news API schema with author and categories details,

desc: update dashboard to display author names, and improve pagination button styles

app/pages/news-detail/index.tsx

@@ -34,7 +34,7 @@ export const NewsDetailPage = () => {
                 </p>
               </div>
             </div>
-            <IconsSocial className="flex-row-reverse" />
+            <IconsSocial className="flex-row" />
           </div>
           {/* end next planing create component for this section */}
           <div className="w-full bg-amber-200">
@@ -50,7 +50,7 @@ export const NewsDetailPage = () => {
               {htmlParse(content)}
             </article>
           </div>
-          <div className="items-end justify-between border-b-3 border-b-gray-300 py-4 sm:flex">
+          <div className="items-end justify-between border-b-gray-300 py-4 sm:flex">
             <div className="flex flex-col max-sm:mb-3">
               <p className="mb-2">Share this post</p>
               <IconsSocial className="a" />
@@ -66,18 +66,6 @@ export const NewsDetailPage = () => {
               ))}
             </div>
           </div>
-
-          <div className="mt-5 flex items-center gap-2 align-middle">
-            <img
-              src={'https://placehold.co/50x50.png'}
-              alt={title}
-              className="h-12 w-12 rounded-full"
-            />
-            <div>
-              <h4 className="text-md">{author}</h4>
-              <p className="text-sm">Job title, Company name</p>
-            </div>
-          </div>
         </div>
       </Card>