progress

frontend/src/components/dashboard/borrow/Borrow.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import './Borrow.css'
+import './borrow.css'
 import { ReactComponent as BorrowIcon } from 'assets/icons/borrow_dynamic.svg';
 
 function Borrow({data}){

frontend/src/components/dashboard/collateral/Collateral.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './Collateral.css';
+import './collateral.css';
 import { ReactComponent as CollateralIcon } from 'assets/icons/collateral_dynamic.svg';
 import { TrendingDown, TrendingUp } from 'lucide-react';
 

frontend/src/components/home/about/About.jsx

@@ -4,7 +4,7 @@ import { ReactComponent as BorrowUSDC } from '../../../assets/icons/borrow_usdc.
 import { ReactComponent as EkuboSwap } from '../../../assets/icons/ekubo_swap.svg';
 import { ReactComponent as Repeat } from '../../../assets/icons/repeats.svg';
 import StarMaker from '../../layout/star-maker/StarMaker';
-import './About.css';
+import './about.css';
 
 const CardData = [
   {

frontend/src/components/home/dont-miss/DontMiss.jsx

@@ -1,4 +1,4 @@
-import './DontMiss.css';
+import './dontMiss.css';
 import React from 'react';
 import { ReactComponent as Rocket } from '../../../assets/icons/rocket.svg';
 import { ReactComponent as Hand } from '../../../assets/images/hand.svg';

frontend/src/components/home/home/Home.jsx

@@ -5,7 +5,7 @@ import StarMaker from '../../layout/star-maker/StarMaker';
 import { ReactComponent as Decoration } from '../../../assets/particles/deco.svg';
 import { ReactComponent as Starknet } from '../../../assets/particles/starknet.svg';
 import { ReactComponent as Rocket } from '../../../assets/icons/rocket.svg';
-import './Home.css';
+import './home.css';
 import { useWalletStore } from '../../../stores/useWalletStore';
 import { notify } from '../../layout/notifier/Notifier';
 

frontend/src/components/home/information/Information.jsx

@@ -1,4 +1,4 @@
-import './Information.css';
+import './information.css';
 import React, { useEffect, useState } from 'react';
 import StarMaker from '../../layout/star-maker/StarMaker';
 import { axiosInstance } from 'utils/axios';

frontend/src/components/home/partnership/Partnership.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './Partnership.css';
+import './partnership.css';
 import { ReactComponent as ZklendLogo } from '../../../assets/images/zklend_logo.svg';
 import { ReactComponent as EkuboLogo } from '../../../assets/images/ekubo_logo.svg';
 import { ReactComponent as Star } from '../../../assets/particles/star.svg';

frontend/src/components/layout/congratulations-modal/CongratulationsModal.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './CongratulationsModal.css';
+import './congratulationsModal.css';
 import doneLogo from '../../../assets/icons/done-badge.svg';
 import { useNavigate } from 'react-router-dom';
 

frontend/src/components/layout/footer/Footer.jsx

@@ -7,7 +7,7 @@ import { ReactComponent as GithubIcon } from '../../../assets/icons/github.svg';
 import { ReactComponent as DashboardIcon } from '../../../assets/icons/dashboard-icon.svg';
 import { ReactComponent as FormIcon } from '../../../assets/icons/form-icon.svg';
 
-import './Footer.css';
+import './footer.css';
 
 function Footer() {
   const socialLinks = [

frontend/src/components/layout/header/Header.jsx

@@ -6,7 +6,7 @@ import WalletSection from '../wallet-section/WalletSection';
 import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
-import './Header.css';
+import './header.css';
 import '../../../globals.css';
 
 

frontend/src/components/layout/mob-dropdown-menu/MobDropdownMenu.jsx

@@ -3,7 +3,7 @@ import { ReactComponent as ArrowDownIcon } from '../../../assets/icons/dropdown-
 import { ReactComponent as ReloadIcon } from '../../../assets/icons/reload.svg';
 import { ReactComponent as OpenBotIcon } from '../../../assets/icons/bot.svg';
 import { ReactComponent as TermsIcon } from '../../../assets/icons/terms.svg';
-import './MobDropdownMenu.css';
+import './mobDropdownMenu.css';
 
 const menuItems = [
   { id: 1, text: 'Reload page', icon: <ReloadIcon className="dpd-icon" />, link: '#' },

frontend/src/components/layout/section/Section.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './Section.css';
+import './section.css';
 
 const Section = ({ id, title, content }) => {
   const renderContent = (item, index) => {

frontend/src/components/table-of-content/TableOfContents.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import './TableOfContentStyles.css';
+import './tableOfContentStyles.css';
 
 const TableOfContents = ({ items, defaultActiveId, tabelTitle, headerHeight = 80 }) => {
   const [activeId, setActiveId] = useState(defaultActiveId);

frontend/src/components/ui/action-modal/ActionModal.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './ActionModal.css';
+import './actionModal.css';
 import { Button } from '../button';
 import useLockBodyScroll from 'hooks/useLockBodyScroll';
 const ActionModal = ({

frontend/src/components/ui/card/Card.jsx

@@ -1,4 +1,4 @@
-import './Card.css';
+import './card.css';
 
 function Card({ label, icon, value = '', cardData = [] }) {
   return (

frontend/src/components/ui/multiplier-selector/MultiplierSelector.jsx

@@ -1,7 +1,7 @@
 import React, { useMemo, useCallback, useState, useRef, useEffect } from 'react';
 import { useMaxMultiplier } from '../../../hooks/useMaxMultiplier';
 import sliderThumb from '../../../assets/icons/slider_thumb.svg';
-import './Multiplier.css';
+import './multiplier.css';
 
 const MultiplierSelector = ({ setSelectedMultiplier, selectedToken }) => {
   const minMultiplier = 1.1;

frontend/src/components/ui/scroll-button/ScrollButton.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import './ScrollButton.css';
+import './scrollButton.css';
 
 const ScrollButton = () => {
   const [isVisible, setIsVisible] = useState(false);

frontend/src/components/ui/spinner/Spinner.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './Spinner.css';
+import './spinner.css';
 
 const Spinner = ({ loading }) => {
   return (

frontend/src/components/vault/VaultLayout.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavLink, Outlet } from 'react-router-dom';
-import './VaultLayout.css';
+import './vaultLayout.css';
 
 export function VaultLayout({ children }) {
   return (

frontend/src/components/vault/gas-fee/GasFee.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ReactComponent as SettingIcon } from 'assets/icons/settings.svg';
-import './GasFee.css';
+import './gasFee.css';
 
 
 export default function GasFee() {

frontend/src/components/vault/metric-card/MetricCard.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './MetricCard.css';
+import './metricCard.css';
 
 export default function MetricCard({ title, value }) {
   return (

frontend/src/components/vault/stake-card/StakeCard.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './StakeCard.css';
+import './stakeCard.css';
 
 export default function StakeCard({ icon= 1, title, value }) {
   return (

frontend/src/pages/dashboard/Dashboard.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import './Dashboard.css';
+import './dashboard.css';
 import { ReactComponent as EthIcon } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as StrkIcon } from '../../assets/icons/strk.svg';
 import { ReactComponent as UsdIcon } from '../../assets/icons/usd_coin.svg';

frontend/src/pages/documentation/Documentation.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import './Documentation.css';
+import './documentation.css';
 import TableOfContents from '../../components/table-of-content/TableOfContents';
 import ScrollButton from '../../components/ui/scroll-button/ScrollButton';
 import Sections from 'components/layout/sections/Sections';

frontend/src/pages/form/Form.jsx

@@ -7,7 +7,7 @@ import BalanceCards from '../../components/ui/balance-cards/BalanceCards';
 import MultiplierSelector from '../../components/ui/multiplier-selector/MultiplierSelector';
 import { handleTransaction } from '../../services/transaction';
 import Spinner from '../../components/ui/spinner/Spinner';
-import './Form.css';
+import './form.css';
 import { createPortal } from 'react-dom';
 import useLockBodyScroll from '../../hooks/useLockBodyScroll';
 import CongratulationsModal from '../../components/layout/congratulations-modal/CongratulationsModal';

frontend/src/pages/overview/Overview.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import './Overview.css';
+import './overview.css';
 import TableOfContents from '../../components/table-of-content/TableOfContents';
 import ScrollButton from '../../components/ui/scroll-button/ScrollButton';
 import Sections from '../../components/layout/sections/Sections';

frontend/src/pages/position-history/PositionHistory.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import './PositionHistory.css';
+import './positionHistory.css';
 import { ReactComponent as HealthIcon } from '../../assets/icons/health.svg';
 import { ReactComponent as EthIcon } from '../../assets/icons/ethereum.svg';
 import { ReactComponent as StrkIcon } from '../../assets/icons/strk.svg';

frontend/src/pages/stake/Stake.jsx

@@ -6,7 +6,7 @@ import { ReactComponent as STTRK } from '../../assets/icons/strk.svg';
 import MetricCard from '../../components/vault/stake-card/StakeCard';
 import STRK from '../../assets/icons/strk.svg';
 import USDCc from '../../assets/icons/apy_icon.svg';
-import './Stake.css';
+import './stake.css';
 import { VaultLayout } from '../../components/vault/VaultLayout';
 import { Button } from 'components/ui/button';
 import GasFee from '../../components/vault/gas-fee/GasFee';

frontend/src/pages/withdraw/Withdraw.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import './Withdraw.css';
+import './withdraw.css';
 import { ReactComponent as DiamondIcon } from '../../assets/icons/diamond.svg';
 import { ReactComponent as TimeIcon } from '../../assets/icons/time.svg';
 import { ReactComponent as SettingIcon } from '../../assets/icons/settings.svg';