change notification badge size

src/app/components/tanstak-table/TanstakTable.tsx

@@ -1016,9 +1016,6 @@ export default function TanstakFilesTable({ fileType, showFileLink }: { fileType
 							{pagination.pageIndex + 1} {t('out-of')} {totalPages || 1}
 						</strong>
 					</span>
-					<span className="pagination-info-files">
-						| {t('shown')} {tableData.length} {t('out-of')} {totalItems} {pluralizeFiles(totalItems)}
-					</span>
 				</div>
 
 				<div className="pagination-controls">

src/app/styles/header.scss

@@ -270,16 +270,16 @@
 			position: absolute;
 			right: -5px;
 			bottom: -5px;
-			width: 20px;
-			height: 20px;
-			border-radius: 50%;
+/* 			width: 22px;
+			height: 22px; */
+			border-radius: 15px;
 			background: v.$red;
 			color: v.$white;
 			display: flex;
 			justify-content: center;
 			align-items: center;
 			font-size: 12px;
-			padding-top: 1px;
+			padding: 2px 5px;
 		}
 	}
 

src/app/ui/payment/payment-tab-transaction-history.tsx

@@ -429,9 +429,6 @@ export default function PaymentTabTransactionHistory() {
 									{table.getState().pagination.pageIndex + 1} {t('out-of')} {table.getPageCount() ? table.getPageCount() : 1}
 								</strong>
 							</span>
-							<span className="pagination-info-files">
-								| {t('shown')} {table.getRowModel().rows.length} {t('out-of')} {filteredData.length}
-							</span>
 						</div>
 
 						<div className="pagination-controls">

src/app/ui/referral-page/table/invitations-table.tsx

@@ -402,9 +402,6 @@ export default function InvitationsTable() {
 							<strong>
 								{table.getState().pagination.pageIndex + 1} {t('out-of')} {table.getPageCount() ? table.getPageCount() : 1}
 							</strong>
-						</span>
-						<span className="pagination-info-files">
-							| {t('shown')} {table.getRowModel().rows.length} {t('out-of')} {filteredData.length} {pluralizeFiles(filteredData.length || 0)}
 						</span> */}
 					</div>
 

src/app/ui/referral-page/table/payments-history.tsx

@@ -425,9 +425,6 @@ export default function PaymentsHistory() {
 							<strong>
 								{table.getState().pagination.pageIndex + 1} {t('out-of')} {table.getPageCount() ? table.getPageCount() : 1}
 							</strong>
-						</span>
-						<span className="pagination-info-files">
-							| {t('shown')} {table.getRowModel().rows.length} {t('out-of')} {filteredData.length} {pluralizeFiles(filteredData.length || 0)}
 						</span> */}
 				</div>
 

src/app/ui/tracking-page/tracking-history-view.tsx

@@ -384,9 +384,6 @@ export function TrackingHistoryView() {
 								{pagination.pageIndex + 1} {t('out-of')} {totalPages || 1}
 							</strong>
 						</span>
-						<span className="pagination-info-files">
-							| {t('shown')} {tableData.length} {t('out-of')} {totalItems}
-						</span>
 					</div>
 
 					<div className="pagination-controls">

src/app/ui/violations/tables/violations-my-claims-table.tsx

@@ -272,9 +272,6 @@ export function ViolationsMyClaimsTable() {
 							{pagination.pageIndex + 1} {t('out-of')} {totalPages || 1}
 						</strong>
 					</span>
-					<span className="pagination-info-files">
-						| {t('shown')} {tableData.length} {t('out-of')} {totalItems}
-					</span>
 				</div>
 
 				<div className="pagination-controls">

src/app/ui/violations/tables/violations-my-complaints-table.tsx

@@ -272,9 +272,6 @@ export function ViolationsMyComplaintsTable() {
 							{pagination.pageIndex + 1} {t('out-of')} {totalPages || 1}
 						</strong>
 					</span>
-					<span className="pagination-info-files">
-						| {t('shown')} {tableData.length} {t('out-of')} {totalItems}
-					</span>
 				</div>
 
 				<div className="pagination-controls">

src/app/ui/violations/violations-table.tsx

@@ -473,9 +473,6 @@ export default function ViolationsTable() {
 									{table.getState().pagination.pageIndex + 1} {t('out-of')} {violationData?.totalPages || 1}
 								</strong>
 							</span>
-							<span className="pagination-info-files">
-								| {t('shown')} {violationData?.content?.length || 0} {t('out-of')} {violationData?.totalElements || 0}
-							</span>
 						</div>
 
 						<div className="pagination-controls">