Use unique type names

Fixes load errors when multiple extensions register the same type name
in their preferences, and "AboutPage" is sufficiently generic to trigger
this issue.

src/prefs.ts

@@ -84,7 +84,7 @@ interface SourcesPageProperties {
 
 const SourcesPage = GObject.registerClass(
   {
-    GTypeName: "SourcesPage",
+    GTypeName: "PictureOfTheDaySourcesPage",
     Template: getTemplate("SourcesPage"),
     InternalChildren: [
       "apodGroup",
@@ -96,22 +96,22 @@ const SourcesPage = GObject.registerClass(
       "resetDownloadFolder",
     ],
   },
-  class SourcesPage extends Adw.PreferencesPage {
+  class PictureOfTheDaySourcesPage extends Adw.PreferencesPage {
     constructor(private readonly settings: AllSettings) {
       super();
-      (this as unknown as SourcesPage & SourcesPageProperties).initialize();
+      (this as unknown as PictureOfTheDaySourcesPage & SourcesPageProperties).initialize();
     }
 
     private showSelectedSource(
-      this: SourcesPage & SourcesPageProperties,
+      this: PictureOfTheDaySourcesPage & SourcesPageProperties,
       source: SourceMetadata,
     ): void {
       this._sourcesRow.set_subtitle(
         `<a href="${source.website}">${source.name}</a>`,
       );
     }
 
-    private showDownloadFolder(this: SourcesPage & SourcesPageProperties) {
+    private showDownloadFolder(this: PictureOfTheDaySourcesPage & SourcesPageProperties) {
       const downloadDirectory = this.settings.extension
         .get_value("image-download-folder")
         .deepUnpack<string | null>();
@@ -121,7 +121,7 @@ const SourcesPage = GObject.registerClass(
     }
 
     private async selectDownloadDirectory(
-      this: SourcesPage & SourcesPageProperties,
+      this: PictureOfTheDaySourcesPage & SourcesPageProperties,
     ): Promise<void> {
       // ts-for-gir doesn't recognize "select_folder" as async function, so we
       // have to convince typescript explicitly that we have a promise here.
@@ -142,7 +142,7 @@ const SourcesPage = GObject.registerClass(
       this.settings.extension.set_value("image-download-folder", value);
     }
 
-    private initialize(this: SourcesPage & SourcesPageProperties): void {
+    private initialize(this: PictureOfTheDaySourcesPage & SourcesPageProperties): void {
       // Fill the expander with all sources
       const buttons = new Map(
         SOURCES.map((source) => {
@@ -244,7 +244,7 @@ interface AboutPageChildren {
 
 const AboutPage = GObject.registerClass(
   {
-    GTypeName: "AboutPage",
+    GTypeName: "PictureOfTheDayAboutPage",
     Template: getTemplate("AboutPage"),
     InternalChildren: [
       "extensionName",
@@ -254,7 +254,7 @@ const AboutPage = GObject.registerClass(
       "extensionLicense",
     ],
   },
-  class AboutPage extends Adw.PreferencesPage {
+  class PictureOfTheDayAboutPage extends Adw.PreferencesPage {
     constructor(metadata: ExtensionMetadata) {
       super();
 

ui/AboutPage.ui

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface domain="[email protected]">
   <requires lib="gtk" version="4.0"/>
-  <template class="AboutPage" parent="AdwPreferencesPage">
+  <template class="PictureOfTheDayAboutPage" parent="AdwPreferencesPage">
     <property name="title" translatable="true">About</property>
     <property name="icon-name">dialog-information-symbolic</property>
     <child>

ui/SourcesPage.ui

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface domain="[email protected]">
   <requires lib="gtk" version="4.0"/>
-  <template class="SourcesPage" parent="AdwPreferencesPage">
+  <template class="PictureOfTheDaySourcesPage" parent="AdwPreferencesPage">
     <property name="title" translatable="true">Picture Sources</property>
     <property name="description" translatable="true">Configure sources for the Picture of the Day.</property>
     <property name="icon-name">picture-of-the-day-symbolic</property>