Update naming for themes in the dApp (#922)

Closes AENG-157

This PR fixes the naming of themes in the dApp.

**Before**
<img width="292" alt="Screenshot 2024-11-29 at 10 58 43"
src="https://github.com/user-attachments/assets/9dc23ba1-0679-41b5-b4e7-79126a5cc88c">


**After**
![Screenshot 2024-12-10 at 12 06
36](https://github.com/user-attachments/assets/b7ad2d6c-7a2e-48b3-a94c-83a55b9b3edc)

dapp/src/theme/index.ts

@@ -1,5 +1,4 @@
 import { extendTheme } from "@chakra-ui/react"
-import { buttonTheme } from "./Button"
 import {
   colors,
   fonts,
@@ -8,26 +7,27 @@ import {
   styles,
   zIndices,
 } from "./utils"
-import { modalTheme } from "./Modal"
-import { cardTheme } from "./Card"
-import { tooltipTheme } from "./Tooltip"
-import { headingTheme } from "./Heading"
-import { currencyBalanceTheme } from "./CurrencyBalance"
-import { tokenBalanceInputTheme } from "./TokenBalanceInput"
-import { inputTheme } from "./Input"
-import { alertTheme } from "./Alert"
-import { formTheme } from "./Form"
-import { formLabelTheme } from "./FormLabel"
-import { formErrorTheme } from "./FormError"
-import { tagTheme } from "./Tag"
-import { spinnerTheme } from "./Spinner"
-import { linkTheme } from "./Link"
-import { skeletonTheme } from "./Skeleton"
-import { closeButtonTheme } from "./CloseButton"
-import { progressTheme } from "./Progress"
-import { countdownTheme } from "./Countdown"
-import { footerTheme } from "./Footer"
-import { acreTVLProgressTheme } from "./AcreTVLProgress"
+import { acreTVLProgressTheme } from "./acreTVLProgressTheme"
+import { alertTheme } from "./alertTheme"
+import { buttonTheme } from "./buttonTheme"
+import { cardTheme } from "./cardTheme"
+import { closeButtonTheme } from "./closeButtonTheme"
+import { countdownTheme } from "./countdownTheme"
+import { currencyBalanceTheme } from "./currencyBalanceTheme"
+import { footerTheme } from "./footerTheme"
+import { formErrorTheme } from "./formErrorTheme"
+import { formLabelTheme } from "./formLabelTheme"
+import { formTheme } from "./formTheme"
+import { headingTheme } from "./headingTheme"
+import { inputTheme } from "./inputTheme"
+import { linkTheme } from "./linkTheme"
+import { modalTheme } from "./modalTheme"
+import { progressTheme } from "./progressTheme"
+import { skeletonTheme } from "./skeletonTheme"
+import { spinnerTheme } from "./spinnerTheme"
+import { tagTheme } from "./tagTheme"
+import { tokenBalanceInputTheme } from "./tokenBalanceInputTheme"
+import { tooltipTheme } from "./tooltipTheme"
 
 const defaultTheme = {
   // TODO: Remove when dark mode is ready