Add explicit .tsx extensions to internal imports

Updated import statements across multiple files to explicitly include the .tsx extension for internal component and utility imports. This change improves clarity and consistency in module resolution, especially in environments where omitting the extension may cause issues.

Author: JorchCortez

src/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react'; 
-import Main from './Components/Main/Main'
+import Main from './Components/Main/Main.tsx'
 import './App.css'
 import './Components/tabs-css/tabs.css'
 import { Route, Routes } from "react-router-dom";

src/Components/Main/Main.tsx

@@ -1,5 +1,5 @@
 import Stats from '../stats/stats.js'
-import Viewer from '../Viewer/Viewer'
+import Viewer from '../Viewer/Viewer.tsx'
 import Logo from '@media/logo.png';
 import fb from '@media/Social/fb.png'
 import kofi from '@media/Social/kofi.png'

src/Components/Skills/index.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import SkillContainer from './SkillContainer/SkillContainer'
+import SkillContainer from './SkillContainer/SkillContainer.tsx'
 import {Farming, Mining, Foraging, Fishing, Combat} from '@media/Skills'
 import type { experienceType } from 'types/displayDataTypes'
 import './Skills.css'

src/Utility/Parsers/parseCraftingItems.ts

@@ -1,7 +1,7 @@
 import { CraftingRec } from "@utility/JSON"
 import type { achievementType, generalFormatedItemType, itemsCraftedType } from "types/displayDataTypes"
 import type { itemsType } from "types/savefile"
-import { GetImages, ValidateKnown } from "./Utils"
+import { GetImages, ValidateKnown } from "./Utils.ts"
 import { DIY, Artisan, MasterCraft } from "@media/Achievements";
 
 let CraftingAchievements = [{

src/Utility/Parsers/parseCropItems.ts

@@ -1,7 +1,7 @@
 import { CraftingRec, ShipCrops } from "@utility/JSON"
 import type { achievementType, cropsShippedType, generalFormatedItemType, itemsCraftedType, maxMonoType } from "types/displayDataTypes"
 import type { itemsType } from "types/savefile"
-import { GetImages, ValidateKnown } from "./Utils"
+import { GetImages, ValidateKnown } from "./Utils.ts"
 import { Monoculture, Polyculture } from "@media/Achievements";
 
 let CropsAchievements = [{