Added an option to make HyprPanel compatible with Hyprland tearing. (#243)

* Adding an option to make HyprPanel compatible with Hyprland tearing.

* Added bar to Tearing Compatibility checks

widget/settings/pages/config/general/index.ts

@@ -25,6 +25,14 @@ export const BarGeneral = () => {
                     }
                 }),
                 Option({ opt: options.terminal, title: 'Terminal', subtitle: "Tools such as 'btop' will open in this terminal", type: 'string' }),
+                Option({
+                    opt: options.tear,
+                    title: 'Tearing Compatible',
+                    subtitle:
+                        "Makes HyprPanel compatible with Hyprland tearing.\n" +
+                        "Enabling this will change all overlays (Notifications, OSDs, Bar) to the \'top\' layer instead the \'overlay\' layer.",
+                    type: 'boolean'
+                }),
 
                 Header('Scaling'),
                 Option({ opt: options.theme.bar.scaling, title: 'Bar', type: 'number', min: 1, max: 100, increment: 5 }),