added the project properties page

frontend/src/App.svelte

@@ -2,12 +2,12 @@
   import { _ } from 'svelte-i18n'
 	import NavigationBar from './components/General/NavigationBar.svelte';
   import Clock from './components/General/Clock.svelte'
-  import Preparation from './components/Preparation.svelte';
-  import Animation from './components/Animation.svelte';
+  import Preparation from './components/Preparation/Preparation.svelte';
+  import Animation from './components/Animation/Animation.svelte';
   import Settings from './components/Settings/Settings.svelte';
-  import Devices from './components/Devices.svelte';
-  import Show from './components/Show.svelte';
-  import GeneralConsole from './components/GeneralConsole.svelte';
+  import Devices from './components/Devices/Devices.svelte';
+  import Show from './components/Show/Show.svelte';
+  import GeneralConsole from './components/Console/GeneralConsole.svelte';
 
   let selectedMenu = "settings"
   // When the navigation menu changed, update the selected menu

frontend/src/components/Settings/InputsOutputsContent.svelte

@@ -2,7 +2,7 @@
 
 </script>
 
-<button>You can change your hardware settings here</button>
+<p>This is the Inputs & outputs page</p>
 
 <style>