avoid component <-> page naming conflicts

Co-authored-by: Petter Sæterøy <potetmos1@users.noreply.github.com>

src/pages/about.astro

@@ -1,8 +1,8 @@
 ---
 import Layout from '@layouts/Layout.astro';
-import About from '@components/About.astro';
+import AboutComponent from '@components/About.astro';
 ---
 
 <Layout lang="no">
-    <About lang="no" />
+    <AboutComponent lang="no" />
 </Layout>

src/pages/en/about.astro

@@ -1,8 +1,8 @@
 ---
 import Layout from '@layouts/Layout.astro';
-import About from '@components/About.astro';
+import AboutComponent from '@components/About.astro';
 ---
 
 <Layout lang="en">
-    <About lang="en" />
+    <AboutComponent lang="en" />
 </Layout> 

src/pages/en/program.astro

@@ -1,9 +1,9 @@
 ---
 import Layout from '@layouts/Layout.astro';
-import Program from '@components/Program.astro';
+import ProgramComponent from '@components/Program.astro';
 import data from '../../data/en-program.json';
 ---
 
 <Layout lang="en">
-  <Program lang="en" data={data} />
+  <ProgramComponent lang="en" data={data} />
 </Layout> 

src/pages/program.astro

@@ -1,11 +1,11 @@
 ---
 import Layout from '@layouts/Layout.astro';
-import Program from '@components/Program.astro';
+import ProgramComponent from '@components/Program.astro';
 import data from '../data/program.json';
 ---
 
 <Layout lang="no">
-  <Program lang="no" data={data} />
+  <ProgramComponent lang="no" data={data} />
 </Layout>
 
 <style>