change displaying settings default to true

package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "dev": "plasmo dev",
     "build": "plasmo build",
-    "package": "plasmo package"
+    "package": "plasmo build && plasmo package"
   },
   "dependencies": {
     "@plasmohq/messaging": "^0.6.1",

src/background/index.ts

@@ -16,7 +16,7 @@ const storageDefaults = {
   hide_premium_button: "true",
   add_drafts_button: "false",
   add_scheduled_button: "false",
-  add_settings_button: "false",
+  add_settings_button: "true",
   add_analytics_button: "false",
   hide_more_button: "false",
   hide_trends_panel: "true",

src/popup/components/Slider.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react"
 
 import { readStorageAsString, writeStorage } from "~storage"
 
-const Slider = ({ id, label, min, max, value = "14" }) => {
+const Slider = ({ id, label, min, max, value = "14", classNames="" }) => {
   const [inputValue, setInputValue] = useState(value)
 
   readStorageAsString(id).then((value) => {
@@ -21,7 +21,7 @@ const Slider = ({ id, label, min, max, value = "14" }) => {
   }
 
   return (
-    <div className="flex flex-col">
+    <div className={`flex flex-col ${classNames}`}>
       <div className="w-full">
       <label
         htmlFor={`slider-${id}`}

src/popup/sections/Features.tsx

@@ -8,6 +8,7 @@ const Features = () => {
       <div className="flex flex-col justify-center">
         <TimelineButtonGroup id="timeline_width" />
         <Slider
+        classNames="mt-4"
           id="tweet_font_size"
           label="Tweet Font Size"
           min={12}