feat(tender-details): enhance tender details page with improved layout and error handling

- Added SectionHeading and ExternalLinkIcon components for better structure and visual appeal.
- Improved error handling UI when tender data fails to load, providing user-friendly messages and navigation options.
- Refactored ShowcaseSection to accept additional className and rootClassName props for more flexible styling.
- Updated TendersTable to streamline action buttons and improve layout consistency.

src/components/Tables/tenders/index.tsx

@@ -24,7 +24,6 @@ import TableSkeleton from "@/components/ui/TableSkeleton";
 import { _TooltipDefaultParams } from "@/constants/tooltip";
 import { cn } from "@/lib/utils";
 import { getPaginatedRowNumber } from "@/utils/shared";
-import Link from "next/link";
 import TenderListFilters from "./TenderListFilters";
 const TendersTable = () => {
   const {
@@ -89,49 +88,39 @@ const TendersTable = () => {
                   {item.country_code}
                 </TableCell>
 
-                <TableCell className={cn(`text capitalize`)} colSpan={100}>
-                  {item.submission_url ? (
-                    <Link target="_blank" href={item.submission_url}>
-                      {item.submission_url}
-                    </Link>
-                  ) : (
-                    "-"
-                  )}
-                </TableCell>
                 <TableCell className={cn(`text capitalize`)} colSpan={100}>
                   <Status status={item.status}>{item.status}</Status>
                 </TableCell>
-                <TableCell
-                  className={cn(`text flex gap-2 capitalize`)}
-                  colSpan={100}
-                >
-                  <button
-                    data-tooltip-id="details"
-                    data-tooltip-content="Details"
-                    data-tooltip-place="top"
-                    onClick={() => {
-                      router.push(`${pathName}/${item.id}`);
-                    }}
-                  >
-                    <Tooltip
-                      {..._TooltipDefaultParams({
-                        id: "details",
-                      })}
-                    />
-                    <EyeIcon />
-                  </button>
-                  <button
-                    data-tooltip-id="feedback"
-                    data-tooltip-content="Feedback"
-                    data-tooltip-place="top"
-                    className="text-gray-40 rounded-full bg-gray-dark bg-opacity-5 hover:text-green-dark dark:bg-gray dark:bg-opacity-5"
-                    onClick={() => {
-                      router.push(`${pathName}/feedback/${item.id}`);
-                    }}
-                  >
-                    <Tooltip {..._TooltipDefaultParams({ id: "feedback" })} />
-                    <ExclamationIcon />
-                  </button>
+                <TableCell className="capitalize" colSpan={100}>
+                  <div className="flex items-center gap-2">
+                    <button
+                      data-tooltip-id="details"
+                      data-tooltip-content="Details"
+                      data-tooltip-place="top"
+                      onClick={() => {
+                        router.push(`${pathName}/${item.id}`);
+                      }}
+                    >
+                      <Tooltip
+                        {..._TooltipDefaultParams({
+                          id: "details",
+                        })}
+                      />
+                      <EyeIcon />
+                    </button>
+                    <button
+                      data-tooltip-id="feedback"
+                      data-tooltip-content="Feedback"
+                      data-tooltip-place="top"
+                      className="text-gray-40 rounded-full bg-gray-dark bg-opacity-5 hover:text-green-dark dark:bg-gray dark:bg-opacity-5"
+                      onClick={() => {
+                        router.push(`${pathName}/feedback/${item.id}`);
+                      }}
+                    >
+                      <Tooltip {..._TooltipDefaultParams({ id: "feedback" })} />
+                      <ExclamationIcon />
+                    </button>
+                  </div>
                 </TableCell>
               </TableRow>
             ))}

src/components/Tables/tenders/useTenderListPresenter.ts

@@ -57,7 +57,6 @@ const useTenderListPresenter = () => {
     "row",
     "title",
     "country code",
-    "submission url",
     "status",
     "actions",
   ];