fixing profile img formatting

src/components/CouncilCard.svelte

@@ -12,7 +12,6 @@
 	 */
 	let { name, position, email, positionDescription, yearProgram, image } = $props();
 	import placeholder from 'assets/placeholderAvatar.png';
-	import { Avatar } from '@skeletonlabs/skeleton-svelte';
 </script>
 
 <style lang="postcss">
@@ -24,12 +23,13 @@
 	}
 
 	.profile-img {
-		@apply rounded-[10%] overflow-hidden;
+		@apply w-32 h-32 shadow-md overflow-hidden rounded-lg;
 	}
 
 	.profile-img :global(img) {
-		@apply object-cover max-w-full;
-  	}
+		@apply w-full h-full object-cover;
+	}
+
 </style>
 
 <div class="card">
@@ -37,11 +37,7 @@
 	<!-- <Avatar src={placeholder} {name} /> -->
 	<div class="avatar-container justify-left">
 		<div class="profile-img justify-center">
-			{#if image}
-				<Avatar src={image} {name}/>
-			{:else}
-				<Avatar src={placeholder} {name} />
-			{/if}
+			<img src={image || placeholder} alt={name} />
 		</div>	
 	<span class="yearProgram text-sm justify-center"> {yearProgram} </span>
 	</div>

src/components/CouncilCardBase.svelte

@@ -1,7 +1,6 @@
 <script>
   let { onViewProfile, name, position, image } = $props();
   import placeholder from 'assets/placeholderAvatar.png';
-  import { Avatar } from '@skeletonlabs/skeleton-svelte';
 	import Button from 'components/Button.svelte';
 
 </script>
@@ -36,11 +35,7 @@
 
 <div class="card">
 	<div class="profile-img">
-		{#if image}
-			<Avatar src={image} {name}/>
-		{:else}
-			<Avatar src={placeholder} {name} />
-		{/if}
+		<img src={image || placeholder} alt={name} />
 	</div>
   <div class="info">
     <div class="name">{name}</div>

src/components/NavBar.svelte

@@ -12,7 +12,4 @@
 	<NavButton href="/events">Events</NavButton>
 	<NavButton href="/resources">Resources</NavButton>
 	<NavButton href="/join">Join ECSESS</NavButton>
-	{#if import.meta.env.DEV}
-		<NavButton href="/showroom">Componenets</NavButton>
-	{/if}
 </nav>