Merge pull request #8 from TaylorS15/taylor-working

small fixes

frontend/src/About.tsx

@@ -4,7 +4,7 @@
 export default function About() {
   return (
     //Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
-    <div className="grid min-h-screen">
+    <div className="mx-6 grid min-h-screen">
       <article className=" mx-auto my-auto flex w-full max-w-6xl flex-col place-items-center gap-6 rounded-lg bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
         <p className="text-3xl font-semibold">About DocsGPT 🦖</p>
         <p className="mt-4 text-xl font-bold">

frontend/src/preferences/SelectDocsModal.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useDispatch } from 'react-redux';
 import { ActiveState, Doc } from '../models/misc';
-import { setSelectedDocs, selectSelectedDocs } from './preferenceSlice';
+import { setSelectedDocs } from './preferenceSlice';
 import { getDocs } from '../api/docs';
 
 export default function APIKeyModal({
@@ -109,7 +109,7 @@ export default function APIKeyModal({
             className="ml-auto h-10 w-20 rounded-lg bg-violet-800 text-white transition-all hover:bg-violet-700"
           >
             Save
-          </button>{' '}
+          </button>
           {isError && (
             <p className="mr-auto text-sm text-red-500">
               Please select source documentation.

frontend/src/preferences/preferenceSlice.ts

@@ -33,7 +33,5 @@ type RootState = ReturnType<typeof store.getState>;
 export const selectApiKey = (state: RootState) => state.preference.apiKey;
 export const selectApiKeyStatus = (state: RootState) =>
   !!state.preference.apiKey;
-export const selectSelectedDocs = (state: RootState) =>
-  state.preference.selectedDocs;
 export const selectSelectedDocsStatus = (state: RootState) =>
   !!state.preference.selectedDocs;