Customize icons and layouts

src/lib/Chat.svelte

@@ -423,6 +423,9 @@
     <p class="control settings">
       <button title="Chat/Profile Settings" class="button" on:click|preventDefault={showSettingsModal}><span class="icon"><Fa icon={faGear} /></span></button>
     </p>
+    <p class="control">
+      <button class="button is-ghost" on:click|preventDefault={suggestName}><span class="icon"><Fa icon={faLightbulb} /></span></button>
+    </p>
     <p class="control queue">
       <button title="Queue message, don't send yet" class:is-disabled={chatRequest.updating} class="button is-ghost" on:click|preventDefault={addNewMessage}><span class="icon"><Fa icon={faArrowUpFromBracket} /></span></button>
     </p>

src/lib/Footer.svelte

@@ -14,14 +14,4 @@ export { classes as class }
 <div class="lower-mask2" class:strong-mask={strongMask} />
 <div class="section-footer {classes}" class:pin-footer={pin}>
   <slot />
-  <div class="content has-text-centered credit-footer">
-    <p>
-      <strong>ChatGPT-web</strong>
-      <span class="author">by
-      <a target="_blank" href="https://niekvandermaas.nl/">Niek van der Maas</a>
-      </span>
-      <a target="_blank" class="ml-4" href="https://github.com/Niek/chatgpt-web"><span style="position:absolute" class="icon default-text"><Fa size="2x" icon="{faGithub}"/></span></a>
-      <span style="display:inline-block;width:30px;height:20px;"></span>
-    </p>
-  </div>
 </div>

src/lib/Settings.svelte

@@ -20,7 +20,7 @@ import {
 } from './Types.svelte'
     import { getModelDetail, getTokens } from './Models.svelte'
 
-const defaultModel:Model = 'gpt-3.5-turbo'
+const defaultModel:Model = 'gpt-4'
 const defaultModelPetals:Model = 'stabilityai/StableBeluga2'
 
 export const getDefaultModel = (): Model => {

src/lib/Sidebar.svelte

@@ -35,7 +35,6 @@
       <div class="navbar-brand menu-nav-bar">
         <a class="navbar-item gpt-logo" href={'#/'}>
           <img src={logo} alt="ChatGPT-web" width="24" height="24" />
-          <p class="ml-2 is-size-5 has-text-weight-bold">ChatGPT-web</p>
         </a>
         <div class="chat-option-menu navbar-item is-pulled-right">
           <ChatOptionMenu bind:chatId={activeChatId} />
@@ -84,7 +83,7 @@
         {:else}
         <div class="level-item">
           <button on:click={() => { $pinMainMenu = false; startNewChatWithWarning(activeChatId) }} class="panel-block button" title="Start new chat with default profile" class:is-disabled={!hasModels}
-            ><span class="greyscale mr-1"><Fa icon={faSquarePlus} /></span> New chat</button>
+            ><span class="greyscale"><Fa icon={faSquarePlus} /></span></button>
           </div>
         {/if}
       </div>