feat: add icons to header sections

src/components/settings/AppearanceSettings.tsx

@@ -3,6 +3,7 @@ import {
   CommentIcon,
   IssueClosedIcon,
   MilestoneIcon,
+  PaintbrushIcon,
   TagIcon,
 } from '@primer/octicons-react';
 import { ipcRenderer } from 'electron';
@@ -27,6 +28,7 @@ export const AppearanceSettings: FC = () => {
   return (
     <fieldset className="mb-3">
       <legend id="appearance" className="mb-1 mt-2 font-semibold">
+        <PaintbrushIcon className="mr-2" />
         Appearance
       </legend>
       <RadioGroup

src/components/settings/NotificationSettings.tsx

@@ -1,3 +1,4 @@
+import { BellIcon } from '@primer/octicons-react';
 import { type FC, type MouseEvent, useContext } from 'react';
 import { AppContext } from '../../context/App';
 import { GroupBy } from '../../types';
@@ -11,6 +12,7 @@ export const NotificationSettings: FC = () => {
   return (
     <fieldset className="mb-3">
       <legend id="notifications" className="mb-1 mt-2 font-semibold">
+        <BellIcon className="mr-2" />
         Notifications
       </legend>
       <RadioGroup

src/components/settings/SystemSettings.tsx

@@ -1,3 +1,4 @@
+import { DeviceDesktopIcon } from '@primer/octicons-react';
 import { type FC, useContext } from 'react';
 import { AppContext } from '../../context/App';
 import Constants from '../../utils/constants';
@@ -10,6 +11,7 @@ export const SystemSettings: FC = () => {
   return (
     <fieldset className="mb-3">
       <legend id="system" className="mb-1 mt-2 font-semibold">
+        <DeviceDesktopIcon className="mr-2" />
         System
       </legend>
       <Checkbox

src/routes/Filters.tsx

@@ -1,4 +1,8 @@
-import { FilterRemoveIcon } from '@primer/octicons-react';
+import {
+  FeedPersonIcon,
+  FilterRemoveIcon,
+  NoteIcon,
+} from '@primer/octicons-react';
 import { type FC, useContext } from 'react';
 import { Header } from '../components/Header';
 import { Checkbox } from '../components/fields/Checkbox';
@@ -33,6 +37,7 @@ export const FiltersRoute: FC = () => {
       <div className="flex-grow overflow-x-auto px-8">
         <fieldset className="mb-3">
           <legend id="notifications" className="mb-1 mt-2 font-semibold">
+            <FeedPersonIcon className="mr-2" />
             Users
           </legend>
           <Checkbox
@@ -61,6 +66,7 @@ export const FiltersRoute: FC = () => {
 
         <fieldset className="mb-3">
           <legend id="appearance" className="mb-1 mt-2 font-semibold">
+            <NoteIcon className="mr-2" />
             Reason
           </legend>
           <span className="text-xs italic">