style(notifcaion): style changes to the notificaion card and started the table

.vscode/settings.json

@@ -56,6 +56,7 @@
 		"alplaprod",
 		"bookin",
 		"Datamart",
+		"dotenvx",
 		"dyco",
 		"intiallally",
 		"manadatory",

CHANGELOG.md

@@ -1,98 +0,0 @@
-# All Changes to LST can be found below.
-
-## [0.1.0-alpha.12](https://git.tuffraid.net/cowch/lst_v3/compare/v0.1.0-alpha.11...v0.1.0-alpha.12) (2026-04-03)
-
-
-### 🐛 Bug fixes
-
-* **typo:** more dam typos ([079478f](https://git.tuffraid.net/cowch/lst_v3/commits/079478f93217dea31c9a1e8ffed85d2381a6977d))
-
-## [0.1.0-alpha.11](https://git.tuffraid.net/cowch/lst_v3/compare/v0.1.0-alpha.10...v0.1.0-alpha.11) (2026-04-03)
-
-
-### 🐛 Bug fixes
-
-* **release:** typo that caused errors ([76747cf](https://git.tuffraid.net/cowch/lst_v3/commits/76747cf91738bd0d0530afcf7b4f51f0db11ca98))
-
-
-### 🛠️ Code Refactor
-
-* **release:** changes to only have the changelog in the release ([6e85991](https://git.tuffraid.net/cowch/lst_v3/commits/6e8599106298ed13febd069d6fda8b354efb5b7b))
-
-## [0.1.0-alpha.10](https://git.tuffraid.net/cowch/lst_v3/compare/v0.1.0-alpha.9...v0.1.0-alpha.10) (2026-04-03)
-
-
-### 🛠️ Code Refactor
-
-* **changelog:** reverted back to commit-chagnelog, like more than changeset for solo dev ([ed052df](https://git.tuffraid.net/cowch/lst_v3/commits/ed052dff3c81a7064660a7d25685e0505065252c))
-
-## [0.1.0-alpha.9](https://git.tuffraid.net/cowch/lst_v3/compare/v0.0.1-alpha.8...v0.1.0-alpha.9) (2026-04-03)
-
-## 0.1.0-alpha.8
-
-### Patch Changes
-
-- something strange in the bushes
-
-## 0.1.0-alpha.7
-
-### Patch Changes
-
-- i suck at this so much and half using ai and learning lmao
-
-## 0.1.0-alpha.6
-
-### Patch Changes
-
-- grr
-
-## 0.1.0-alpha.5
-
-### Patch Changes
-
-- sop stuff
-
-## 0.1.0-alpha.4
-
-### Patch Changes
-
-- more info in the change stuff
-
-## 0.1.0-alpha.3
-
-### Patch Changes
-
-- changed the password to token
-
-## 0.1.0-alpha.2
-
-### Patch Changes
-
-- Changes to the build process
-
-  # Build
-
-  - Added release flow
-  - when new release is in build the docker image
-  - latest will still be built as well
-
-## 0.1.0-alpha.1
-
-### Minor Changes
-
-- more build stuff
-  ### Build
-  - changes to now auto release when we push new v\*
-
-## 1.0.2-alpha.0
-
-### Patch Changes
-
-- build stuff
-- external url added for docker
-
-## 1.0.1
-
-### Patch Changes
-
-- cf18e94: core stuff

frontend/src/lib/formSutff/Select.Field.tsx

@@ -42,7 +42,9 @@ export const SelectField = ({
 					>
 						<SelectValue placeholder={placeholder} />
 					</SelectTrigger>
-					<SelectContent>
+					<SelectContent
+					 position={"popper"}
+					 >
 						{options.map((option) => (
 							<SelectItem key={option.value} value={option.value}>
 								{option.label}

frontend/src/lib/queries/getSettings.ts

@@ -13,7 +13,7 @@ export function getSettings() {
 
 const fetch = async () => {
 	if (window.location.hostname === "localhost") {
-		await new Promise((res) => setTimeout(res, 5000));
+		await new Promise((res) => setTimeout(res, 1500));
 	}
 
 	const { data } = await axios.get("/lst/api/settings");

frontend/src/lib/queries/notificationSubs.ts

@@ -13,7 +13,7 @@ export function notificationSubs(userId?: string) {
 
 const fetch = async (userId?: string) => {
 	if (window.location.hostname === "localhost") {
-		await new Promise((res) => setTimeout(res, 5000));
+		await new Promise((res) => setTimeout(res, 1500));
 	}
 
 	const { data } = await axios.get(

frontend/src/lib/queries/notifications.ts

@@ -13,7 +13,7 @@ export function notifications() {
 
 const fetch = async () => {
 	if (window.location.hostname === "localhost") {
-		await new Promise((res) => setTimeout(res, 5000));
+		await new Promise((res) => setTimeout(res, 1500));
 	}
 
 	const { data } = await axios.get("/lst/api/notification");

frontend/src/routes/(auth)/-components/NotificationsSubCard.tsx

@@ -36,7 +36,7 @@ export default function NotificationsSubCard({ user }: any) {
 
 	return (
 		<div>
-			<Card className="p-3 w-128">
+			<Card className="p-3 w-lg">
 				<CardHeader>
 					<CardTitle>Notifications</CardTitle>
 					<CardDescription>

frontend/src/routes/(auth)/user.profile.tsx

@@ -57,8 +57,9 @@ function RouteComponent() {
 		},
 	});
 	return (
-		<div className="flex justify-center flex-col pt-4 gap-2 lg:flex-row">
+		<div className="flex justify-center flex-col pt-4 gap-2">
-			<div>
+			<div className="flex justify-center flex-col pt-4 gap-2 lg:flex-row">
+				<div>
 				<Card className="p-6 w-96">
 					<CardHeader>
 						<CardTitle>Profile</CardTitle>
@@ -99,7 +100,7 @@ function RouteComponent() {
 			<div>
 				<Suspense
 					fallback={
-						<Card className="p-3 w-96">
+						<Card className="p-3 w-lg">
 							<CardHeader>
 								<CardTitle>Notifications</CardTitle>
 							</CardHeader>
@@ -116,6 +117,14 @@ function RouteComponent() {
 					{session && <NotificationsSubCard user={session.user} />}
 				</Suspense>
 			</div>
+			</div>
+			<div className="w-fill">
+				<Card>
+					<CardHeader className="text-center">
+						This is where the user's current notification subs will be. 
+					</CardHeader>
+				</Card>
+			</div>
 		</div>
 	);
 }

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lst_v3",
-	"version": "0.1.0-alpha.12",
+	"version": "0.0.1-alpha.0",
 	"description": "The tool that supports us in our everyday alplaprod",
 	"main": "index.js",
 	"scripts": {