update docs and ui with new command

Author: imor

docs/install-a-package.md

@@ -21,15 +21,26 @@ create extension if not exists pg_tle;
 Once the prerequisites are met, you can create a migration file to install a TLE available on database.dev by running the following dbdev command:
 
 ```bash
-dbdev add -c <postgres_connection_string> -o <migration_folder_path> package -n <package_name>
+dbdev add -o <migration_folder_path> -v <version> -s <schema> package -n <package_name>
+```
+
+For example, to install `kiwicopple@pg_idkit` version 0.0.4 in `extensions` schema run:
+
+```bash
+dbdev add -o "./migrations/" -v 0.0.4 -s extensions package -n kiwicopple@pg_idkit
 ```
 
-For example, to install `kiwicopple@pg_idkit` version 4.0.0 in `extensions` schema run:
+To create a migration file to update to the latest version of a package, you need to specify the `-c` flag with the connection string to your database. The connection is used to check the current version of the package installed in the database and generate a migration file that will update it to the latest version available on database.dev.
+
+```bash
+dbdev add -c <postgres_connection_string> -o <migration_folder_path> package -n <package_name>
+```
+To update the `kiwicopple@pg_idkit` package to the latest version, you can run:
 
 ```bash
-dbdev add -c "postgresql://postgres:[YOUR-PASSWORD]@[YOUR-HOST]:5432/postgres" -o "./migrations/" -v 4.0.0 -s extensions package -n kiwicopple@pg_idkit
+dbdev add -c "postgresql://postgres:[YOUR-PASSWORD]@[YOUR-HOST]:5432/postgres" -o "./migrations/" package -n kiwicopple@pg_idkit
 ```
 
 !!! warning
 
-    Ensure that before running the `dbdev add` command, all existing migrations in the `migrations` folder have been applied to the database. The `dbdev add` command looks for existing installed extensions in the database and generates a migration file that will install the TLE if it is not already installed.
+    To generate a correct update migration file, ensure that before running the `dbdev add` command, all existing migrations in the `migrations` folder have been applied to the database. The `dbdev add` command looks for existing installed extensions in the database and generates a migration file that will install the TLE if it is not already installed.

website/pages/[handle]/[package].tsx

@@ -40,7 +40,7 @@ const PackagePage: NextPageWithLayout = () => {
 
   const packageName = pkg?.package_alias ?? pkg?.package_name ?? 'Loading...'
   const packageVersion = pkg?.latest_version ?? '0.0.0'
-  const addCommand = `dbdev add -c "postgresql://postgres:[YOUR-PASSWORD]@[YOUR-HOST]:5432/postgres" -o ./migrations -s extensions -v ${packageVersion} package -n "${packageName}"`
+  const addCommand = `dbdev add -o ./migrations -s extensions -v ${packageVersion} package -n "${packageName}"`
 
   const downloads30Days = pkg?.download_metrics?.downloads_30_day ?? 0
   const downloads90Days = pkg?.download_metrics?.downloads_90_days ?? 0

website/pages/index.tsx

@@ -57,7 +57,7 @@ const IndexPage: NextPageWithLayout = () => {
           </div>
         </div>
         <div className="mt-4 md:mt-12 lg:-mt-16 lg:flex-shrink-0 md:text-center lg:text-left">
-          <div className="relative border px-4 pt-4 pb-4 md:pb-24 rounded-md justify-end max-w-md lg:max-w-lg">
+          <div className="relative border px-4 pt-4 pb-4 md:pb-24 rounded-md justify-end">
             <div>
               <div>
                 <h3 className="text-lg font-bold">Download and install</h3>
@@ -68,9 +68,7 @@ const IndexPage: NextPageWithLayout = () => {
               <div className="mt-4 relative">
                 <code className="block py-2 text-sm whitespace-pre-wrap break-words">
                   <span className="text-muted-foreground">
-                    dbdev add -c
-                    &quot;postgresql://postgres:[YOUR-PASSWORD]@[YOUR-HOST]:5432/postgres&quot;
-                    -o ./migrations -s extensions -v 0.2.1 package -n &quot;
+                    dbdev add -o . package -n &quot;
                   </span>
                   <span>
                     <span className="bg-slate-100 rounded-sm p-1 dark:bg-slate-700 relative">
@@ -98,7 +96,7 @@ const IndexPage: NextPageWithLayout = () => {
               </div>
               <CopyButton
                 getValue={() =>
-                  `dbdev add -c "postgresql://postgres:[YOUR-PASSWORD]@[YOUR-HOST]:5432/postgres" -o ./migrations -s extensions -v 0.2.1 package -n "olirice@index_advisor"`
+                  `dbdev add -o . package -n "olirice@index_advisor"`
                 }
                 className="absolute top-2 right-2 p-1"
                 variant="light"