Moving the dashboard-related components out of the 'widgets' folder and into a 'dashboard' components folder.

website/src/components/Dashboard/LeaderboardTable.tsx

@@ -1,6 +1,6 @@
 import { Badge, Box, Image, Link, Stack, StackDivider, Text, useColorModeValue } from "@chakra-ui/react";
 
-export function LeaderboardWidget() {
+export function LeaderboardTable() {
   const backgroundColor = useColorModeValue("white", "gray.700");
   const accentColor = useColorModeValue("gray.200", "gray.900");
 

website/src/components/Dashboard/index.ts

@@ -1,3 +1,3 @@
-export { LeaderboardWidget } from "./LeaderboardWidget";
+export { LeaderboardTable } from "./LeaderboardTable";
 export { SideMenu } from "./SideMenu";
 export { TaskOption } from "./TaskOption";

website/src/pages/dashboard.tsx

@@ -1,7 +1,7 @@
 import { Box, useColorMode } from "@chakra-ui/react";
 import Head from "next/head";
 import { Header } from "src/components/Header";
-import { LeaderboardWidget, SideMenu, TaskOption } from "src/components/Widgets";
+import { LeaderboardTable, SideMenu, TaskOption } from "src/components/Dashboard";
 import { colors } from "styles/Theme/colors";
 
 const Dashboard = () => {
@@ -19,7 +19,7 @@ const Dashboard = () => {
           </Box>
           <Box className="flex flex-col overflow-auto p-6 sm:pl-0 gap-14">
             <TaskOption />
-            <LeaderboardWidget />
+            <LeaderboardTable />
           </Box>
         </Box>
       </Box>