refactor: enhance styles and fix type assertions in ScorecardList

- Added `--container-width` theme variable for improved layout control.
- Adjusted `.container` styles in `App.css` for consistency.
- Updated `Pagination` and related components with width adjustments for better responsiveness.
- Replaced `console.log` with safer `user!` type assertions for cleaner logic in `authority.ts`.

Author: nnkogift

src/App.css

@@ -10,6 +10,10 @@
 }
 
 .container {
+    width: 100% !important;
+}
+
+.container.badge {
     width: unset !important;
 }
 

src/main.css

@@ -3,6 +3,7 @@
 
 @theme{
     --color-primary-500: rgb(44, 102, 147);
+    --container-width: 100%;
 }
 
 

src/modules/ScorecardList/components/ScorecardListArea.tsx

@@ -60,8 +60,9 @@ export function ScorecardListArea() {
 					)}
 				</div>
 			</Suspense>
-			<div className="p-16">
+			<div className="p-16 w-full">
 				<Pagination
+					className="!w-full !max-w-full"
 					disabled={pager.pageCount === 1 || isEmpty(scorecards)}
 					{...pager}
 					pageSizes={Array.from(new Array(10).keys()).map((i) =>

src/modules/ScorecardList/hooks/authority.ts

@@ -66,8 +66,7 @@ export function useScorecardSharingSettings({ id }: { id: string }) {
 			};
 		} else {
 			const sharing = data.meta.sharing;
-			console.log(sharing);
-			return getUserAuthority(user, sharing);
+			return getUserAuthority(user!, sharing);
 		}
 	}, [data, user]);
 
@@ -96,7 +95,7 @@ export function useGetScorecardSharingSettings() {
 				};
 			} else {
 				const sharing = data.meta.sharing;
-				return getUserAuthority(user, sharing);
+				return getUserAuthority(user!, sharing);
 			}
 		},
 		[refetch]