Resolve name issues in imports

src/components/Background/Background.jsx

@@ -1,4 +1,4 @@
-import styles from "./background.module.css";
+import styles from "./Background.module.css";
 import { useEffect, useRef, useState } from "react";
 
 const Background = ({ children, className }) => {

src/components/Filter/Filter.tsx

@@ -1,5 +1,5 @@
 import styles from "./Filter.module.css";
-import Button from "../ui/Button/button";
+import Button from "../ui/Button/Button";
 import React from "react";
 
 type FiltersType = {

src/components/Footer/Footer.jsx

@@ -1,8 +1,8 @@
 import styles from "./Footer.module.css"
 import {Link} from "react-router";
 import {useState} from "react";
-import Modal from "../ui/Modal/modal.tsx";
-import Button from "../ui/Button/button.tsx";
+import Modal from "../ui/Modal/Modal";
+import Button from "../ui/Button/Button";
 import scrollToTop from "../../utils/scrollToTop.js";
 
 export default function Footer(){

src/components/ToolBar/ToolBar.jsx

@@ -1,7 +1,7 @@
 import styles from "./ToolBar.module.css"
 import CreateEventBtn from "./tools/CreateEventBtn/CreateEventBtn.jsx";
-import SearchBtn from "./tools/SearchBtn.tsx";
-import FilterBtn from "./tools/FilterBtn.tsx";
+import SearchBtn from "./tools/SearchBtn";
+import FilterBtn from "./tools/FilterBtn";
 
 function ToolBar({setFilters, filters, showCreate = true}) {
 

src/components/ToolBar/tools/CreateEventBtn/CreateEventBtn.jsx

@@ -1,8 +1,8 @@
-import styles from "./createEventBtn.module.css"
+import styles from "./CreateEventBtn.module.css"
 import { useState, useContext } from "react";
-import Modal from "../../../ui/Modal/modal.tsx";
-import Button from "../../../ui/Button/button.tsx";
-import TextInput from "../../../ui/Input/input.tsx";
+import Modal from "../../../ui/Modal/Modal";
+import Button from "../../../ui/Button/Button";
+import TextInput from "../../../ui/Input/Input";
 import { EventContext } from "../../../../contexts/events/EventContext.js";
 import {AuthContext} from "../../../../contexts/auth/AuthContext.ts";
 

src/components/ToolBar/tools/SearchBtn.tsx

@@ -1,5 +1,5 @@
 import styles from "../ToolBar.module.css"
-import Button from "../../ui/Button/button";
+import Button from "../../ui/Button/Button";
 import { useEffect, useState } from "react";
 import SearchBar from "../../SearchBar/SearchBar";
 

src/components/ui/Button/Button.tsx

@@ -1,5 +1,5 @@
 import { ReactNode, MouseEventHandler } from "react";
-import styles from "./button.module.css";
+import styles from "./Button.module.css";
 
 type ButtonVariant = "primary" | "danger" | "transparent" | "default";
 

src/components/ui/Input/Input.tsx

@@ -1,4 +1,4 @@
-import styles from "./input.module.css";
+import styles from "./Input.module.css";
 import { useState, ChangeEvent, InputHTMLAttributes } from "react";
 
 interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {

src/components/ui/Loading/Loading.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import styles from "./loading.module.css";
+import styles from "./Loading.module.css";
 
 const Loading: React.FC = () => {
     return (

src/components/ui/Modal/Modal.tsx

@@ -31,8 +31,8 @@ const Modal = ({ open, onClose, children, title }) => {
 export default Modal;*/
 
 import { createPortal } from "react-dom";
-import styles from "./modal.module.css";
-import Button from "../Button/button";
+import styles from "./Modal.module.css";
+import Button from "../Button/Button";
 import { ReactNode, MouseEvent } from "react";
 
 interface ModalProps {

src/components/ui/themeSwitcher/ThemeSwitcher.jsx

@@ -1,4 +1,4 @@
-import Button from "../button/button.tsx";
+import Button from "../Button/Button.tsx";
 import { useState, useEffect } from "react";
 import styles from "./ThemeSwitcher.module.css";
 

src/components/ui/themeSwitcher/ThemeSwitcher.tsx

@@ -31,7 +31,7 @@ export default function ThemeSwitcher() {
     </Button>
 }*/
 
-import Button from "../Button/button";
+import Button from "../Button/Button";
 import { useState, useEffect } from "react";
 import styles from "./ThemeSwitcher.module.css";