Remove props from homepage item, tidy a bit.

Author: MostlyTurquoise

src/components/HomepageCarouselItem.svelte

@@ -1,15 +1,11 @@
 <script lang="ts">
     import * as Carousel from "@/components/ui/carousel";
-    import { Button } from "@/components/ui/button";
     import type { Snippet } from "svelte";
     interface Props {
         src: string;
         alt?: string;
-        title: string;
-        action?: string;
-        children?: Snippet;
     }
-    let { src, alt, title, action, children }: Props = $props();
+    let { src, alt }: Props = $props();
     if (alt === undefined) {
         console.warn("No image alt text supplied!");
     }
@@ -19,11 +15,4 @@
     <div class="w-full h-[80vh] overflow-hidden justify-center">
         <img {src} {alt} class="w-full h-full object-cover" />
     </div>
-    <div class="sm:w-4/5 w-96">
-        <h1>{title}</h1>
-        {@render children?.()}
-        <Button>
-            {action}
-        </Button>
-    </div>
 </Carousel.Item>

src/components/Navbar.astro

@@ -5,7 +5,8 @@ import NavbarLink from "./NavbarLink.astro";
 ---
 <div class="navbar bg-white p-2 h-12 shadow-md">
     <RCLogo/>
-    <div class="flex float-end items-center h-full">
+    <div class="md:flex float-end items-center h-full hidden"> 
+        <!-- NOTE these being hidden on small aspect rations is a dev fix to stop them messing with other layout. should fix in future. -->
         <NavbarLink to="/about">About Us</NavbarLink>
         <NavbarLink to="/blog">Blog</NavbarLink>
         <NavbarLink to="/docs">Docs</NavbarLink>

src/components/RoboConLogo.astro

@@ -6,7 +6,7 @@ interface Props {
 }
 let { clickable = true, href="/" } = Astro.props
 ---
-<a href={clickable ? href : ""} class="logo" >
+<a href={clickable ? href : ""} class="logo text-primary" >
     ROBOCON
 </a>
 <style>
@@ -17,9 +17,8 @@ let { clickable = true, href="/" } = Astro.props
         line-height: 1em;
         padding-left: 0.1em;
         padding-right:0.1em;
-        color: var(--rc-red);
         text-decoration: none;
         text-shadow: -0.05em 0.05em black;
         cursor: {clickable ? "auto" : "default"};
     }
-</style>
+</style>