Create loading pages for restaurants

src/app/(infoscreen)/@restaurants/error.tsx

@@ -2,7 +2,7 @@
 
 import { Slide } from '@/components/Carousel';
 
-const EventsError = () => {
+const RestaurantsError = () => {
 	return (
 		<Slide className="bg-green-unari pb-0">
 			<div className="flex min-h-full min-w-full flex-col items-center justify-center  gap-y-16">
@@ -15,4 +15,4 @@ const EventsError = () => {
 	);
 };
 
-export default EventsError;
+export default RestaurantsError;

src/app/(infoscreen)/@restaurants/loading.tsx

@@ -0,0 +1,13 @@
+import { Slide } from '@/components/Carousel';
+
+const RestaurantsLoading = async () => {
+	return (
+		<Slide className="bg-green-unari">
+			<div className="flex min-h-full min-w-full flex-col items-center gap-y-4">
+				<h1 className="text-4xl">Loading Unicafe restaurants...</h1>
+			</div>
+		</Slide>
+	);
+};
+
+export default RestaurantsLoading;

src/app/(infoscreen)/@template/loading.tsx

@@ -1,6 +1,6 @@
 import { Slide } from '@/components/Carousel';
 
-const TemplateError = async () => {
+const TemplateLoading = async () => {
 	return (
 		<Slide className="bg-grey-500">
 			<div className="flex min-h-full min-w-full flex-col items-center gap-y-4">
@@ -10,4 +10,4 @@ const TemplateError = async () => {
 	);
 };
 
-export default TemplateError;
+export default TemplateLoading;

src/app/(infoscreen)/@transit/loading.tsx

@@ -0,0 +1,13 @@
+import { Slide } from '@/components/Carousel';
+
+const TransitLoading = async () => {
+	return (
+		<Slide className="bg-blue-hsl">
+			<div className="flex min-h-full min-w-full flex-col items-center gap-y-4">
+				<h1 className="text-4xl">Loading Public Transit...</h1>
+			</div>
+		</Slide>
+	);
+};
+
+export default TransitLoading;