Refactor UI components for improved consistency and functionality

- Removed unnecessary border styles from various dashboard components including Devices, DeviceDetails, Parental Control, Payments, and Users pages to enhance visual consistency.
- Updated DevicesTable to utilize a new ClickableRow component for better device interaction and management.
- Refactored AddDevicesToCartButton to use a checkbox for selecting devices, improving user experience.
- Enhanced DeviceCard component to streamline device information display and interaction.
- Overall improvements to the layout and responsiveness of the dashboard components.

These changes enhance the user interface and improve the maintainability of the codebase.

app/(dashboard)/devices/[deviceId]/page.tsx

@@ -13,7 +13,7 @@ export default async function DeviceDetails({ params }: {
   })
   return (
     <div>
-      <div className="flex flex-col justify-between items-start border-b-2 text-gray-500 title-bg py-4 px-2 mb-4">
+      <div className="flex flex-col justify-between items-start text-gray-500 title-bg py-4 px-2 mb-4">
         <h3 className='text-2xl font-bold'>
           {device?.name}
         </h3>
@@ -22,7 +22,7 @@ export default async function DeviceDetails({ params }: {
 
       <div
         id="user-filters"
-        className=" border-b-2 pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
+        className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
       >
         {/* <Search /> */}
         {/* <Filter