perf: remove folders and indexes from components

src/components/BackgroundImage.tsx

@@ -8,4 +8,4 @@ const BackgroundImage = styled(Stack, {
   borderBottomRightRadius: "25px",
 });
 
-export { BackgroundImage };
+export default BackgroundImage;

src/components/BackgroundImage/index.tsx

@@ -1 +0,0 @@
-export { BackgroundImage } from "./BackgroundImage";

src/components/FormattedText/index.tsx

@@ -1 +0,0 @@
-export { FormattedText } from "./FormattedText";

src/components/Icon/index.jsx

@@ -1 +0,0 @@
-export { Icon } from "./Icon";

src/components/IconButton.jsx

@@ -1,5 +1,5 @@
 import { Icon } from "../Icon/Icon";
-import { ReactButton } from "../ReactButton";
+import { ReactButton } from "./ReactButton";
 
 const IconButton = ({ icon, text, ...props }) => {
   return (

src/components/IconButton/index.jsx

@@ -1 +0,0 @@
-export { IconButton } from "./IconButton";

src/components/IconText/index.jsx

@@ -1 +0,0 @@
-export { IconText } from "./IconText";

src/components/InformationBox.jsx

@@ -1,6 +1,6 @@
 import { XStack } from "tamagui";
-import { Icon } from "../Icon";
-import { FormattedText } from "../FormattedText";
+import { Icon } from "./Icon";
+import { FormattedText } from "./FormattedText";
 
 const InformationBox = ({ icon, textElements }) => {
   return (

src/components/InformationBox/index.jsx

@@ -1 +0,0 @@
-export { InformationBox } from "./InformationBox";

src/components/Logo.jsx

@@ -1,6 +1,6 @@
 import { XStack } from "tamagui";
-import { Tag } from "../Tag";
-import { Icon } from "../Icon";
+import { Tag } from "./Tag";
+import { Icon } from "./Icon";
 
 const Logo = () => {
   return (

src/components/Logo/index.jsx

@@ -1 +0,0 @@
-export { Logo } from "./Logo";

src/components/PageWrapper.jsx

@@ -1,5 +1,5 @@
 import { XStack, YStack, styled } from "tamagui";
-import { TopBar } from "../TopBar";
+import { TopBar } from "./TopBar";
 
 const Background = styled("div", {
   display: "flex",

src/components/PageWrapper/index.jsx

@@ -1 +0,0 @@
-export { PageWrapper } from "./PageWrapper";

src/components/ReactButton/index.jsx

@@ -1 +0,0 @@
-export { ReactButton } from "./ReactButton";

src/components/ShadowBox/index.jsx

@@ -1 +0,0 @@
-export { ShadowBox } from "./ShadowBox";

src/components/Tab.jsx

@@ -1,6 +1,6 @@
 import { XStack, Stack, Text } from "tamagui";
 import "./TopBar.css";
-import { Icon } from "../Icon";
+import { Icon } from "./Icon";
 const Tab = ({ icon, text }) => {
   const styl = {
     border: "none",

src/components/Tag/index.jsx

@@ -1 +0,0 @@
-export { Tag } from "./Tag";

src/components/Titles.jsx

@@ -1,7 +1,7 @@
 import { XStack, YStack } from "tamagui";
 import { SubTitle } from "./SubTitle";
 import { Title } from "./Title";
-import { IconButton } from "../IconButton";
+import { IconButton } from "./IconButton";
 
 const Titles = ({ title, subtitle }) => {
   return (

src/components/Titles/index.jsx

@@ -1 +0,0 @@
-export { Titles } from "./Titles";

src/components/TopBar.jsx

@@ -14,10 +14,10 @@ import FullScreen from "/top-bar-icons/full-screen.png";
 import Bell from "/top-bar-icons/bell.png";
 
 import "./TopBar.css";
-import { ReactButton } from "../ReactButton";
+import { ReactButton } from "./ReactButton";
 import { Button, Tabs, XStack } from "tamagui";
-import { Icon } from "../Icon";
-import { IconButton } from "../IconButton";
+import { Icon } from "./Icon";
+import { IconButton } from "./IconButton";
 import { Tab } from "./Tab";
 
 const TopBar = () => {

src/components/TopBar/index.jsx

@@ -1 +0,0 @@
-export { TopBar } from "./TopBar";