Update installer instructions, format code, bump version, update dependencies.

Author: The-Best-Codes

.gitignore

@@ -5,6 +5,7 @@
 /.pnp
 .pnp.js
 .yarn/install-state.gz
+package-lock.json
 
 # testing
 /coverage

README.md

@@ -15,13 +15,13 @@ Installing CodeQuill on Linux (Ubuntu is preferred) is straightforward.
 
 ### Using the installer
 
-Download the install file here:<br>
-[https://github.com/The-Best-Codes/codequill/blob/main/codequill_app.sh](https://github.com/The-Best-Codes/codequill/blob/main/codequill_app.sh)<br>
-_Click the download button in the top right of the editor._
+Open your terminal (you can usually press CTRL + ALT + T to do this) and paste the following command:
 
-If the download doesn't happen automatically, open the URL and save the page manually (right click and select "Save page as" or Press `CTRL + S`).
+```bash
+cd ~ && curl -O https://github.com/The-Best-Codes/codequill/blob/main/codequill_app.sh && bash codequill_app.sh
+```
 
-Rigth click on the file, then select properties, and turn on "Allow executing as a program". Right click on the file again and select "Run as a progam".
+The install should happen automatically.
 
 ### Manual installation
 

components/ui/calendar.tsx

@@ -1,13 +1,13 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import { ChevronLeft, ChevronRight } from "lucide-react"
-import { DayPicker } from "react-day-picker"
+import * as React from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
 
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "@/components/ui/button";
 
-export type CalendarProps = React.ComponentProps<typeof DayPicker>
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 
 function Calendar({
   className,
@@ -53,14 +53,16 @@ function Calendar({
         day_hidden: "invisible",
         ...classNames,
       }}
-      components={{
-        IconLeft: ({ ...props }) => <ChevronLeft className="h-4 w-4" />,
-        IconRight: ({ ...props }) => <ChevronRight className="h-4 w-4" />,
-      }}
+      components={
+        {
+          IconLeft: ({ ...props }) => <ChevronLeft className="h-4 w-4" />,
+          IconRight: ({ ...props }) => <ChevronRight className="h-4 w-4" />,
+        } as any
+      }
       {...props}
     />
-  )
+  );
 }
-Calendar.displayName = "Calendar"
+Calendar.displayName = "Calendar";
 
-export { Calendar }
+export { Calendar };