fix: update icon sizes for better visibility (#585)

Co-authored-by: Tanner Linsley <[email protected]>

Author: LadyBluenotes

src/components/Navbar.tsx

@@ -109,7 +109,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
         ) : null}
         {canAdmin ? (
           <div className="flex items-center gap-2 px-2 py-1 rounded-lg">
-            <Lock />
+            <Lock size={16} />
             <Link
               to="/admin"
               className="flex-1 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"

src/components/UserFeedbackSection.tsx

@@ -82,7 +82,7 @@ export function UserFeedbackSection({ userId }: UserFeedbackSectionProps) {
             className="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 flex items-center gap-1"
           >
             View Leaderboard
-            <ExternalLink className="text-xs" />
+            <ExternalLink className="text-xs" size={16} />
           </Link>
         </div>
       </div>

src/routes/admin/github-stats.tsx

@@ -105,7 +105,7 @@ function GitHubStatsAdmin() {
           return (
             <div>
               <div className="flex items-center gap-2">
-                <Star className="text-yellow-500" size={14} />
+                <Star className="text-yellow-500" size={16} />
                 <span className="font-semibold text-gray-900 dark:text-white">
                   {entry.stats.starCount.toLocaleString()}
                 </span>
@@ -131,7 +131,7 @@ function GitHubStatsAdmin() {
           return (
             <div>
               <div className="flex items-center gap-2">
-                <Users className="text-blue-500" size={14} />
+                <Users className="text-blue-500" size={16} />
                 <span className="font-semibold text-gray-900 dark:text-white">
                   {entry.stats.contributorCount.toLocaleString()}
                 </span>
@@ -168,7 +168,7 @@ function GitHubStatsAdmin() {
           return (
             <div>
               <div className="flex items-center gap-2">
-                <Box className="text-purple-500" />
+                <Box className="text-purple-500" size={16} />
                 <span className="font-semibold text-gray-900 dark:text-white">
                   {entry.stats.dependentCount.toLocaleString()}
                 </span>

src/routes/admin/npm-stats.tsx

@@ -128,7 +128,7 @@ function NpmStatsAdmin() {
         cell: ({ row }) => (
           <div>
             <div className="flex items-center gap-2">
-              <Download className="text-emerald-500" />
+              <Download className="text-emerald-500" size={18} />
               <span className="font-semibold text-gray-900 dark:text-white">
                 {row.original.totalDownloads.toLocaleString()}
               </span>