style(dev): improve navigation layout for better responsiveness

- Updated the navigation component to conditionally apply container styling based on the route.
- Enhanced layout for improved alignment and spacing across different screen sizes.

Author: vojtaholik

apps/dev-build/src/app/(content)/events/[slug]/page.tsx

@@ -210,6 +210,7 @@ async function PlayerContainer({ event }: { event: Event | null }) {
 				className="mb-5 flex w-full flex-col items-center justify-center rounded-md bg-black shadow-md sm:mb-10"
 			>
 				<PostPlayer
+					postSlug={event.fields?.slug}
 					title={event.fields?.title}
 					thumbnailTime={event.fields?.thumbnailTime || 0}
 					postId={event.id}

apps/dev-build/src/components/navigation/index.tsx

@@ -90,7 +90,11 @@ const Navigation = ({ className }: { className?: string }) => {
 				className,
 			)}
 		>
-			<div className="container flex items-center justify-between border-x px-3 sm:px-8">
+			<div
+				className={cn('flex w-full items-center justify-between px-3 sm:px-8', {
+					'container border-x': !isEditRoute,
+				})}
+			>
 				<div className="flex items-center">
 					<Link href="/" tabIndex={isRoot ? -1 : 0} className="mr-3">
 						<Logo />