Image is required for creating an item, required fields actually required, Available After and Available Before defaults changed, delete confirmation modal for deleting an item

frontend/src/components/AvailabilitySettings.tsx

@@ -60,7 +60,7 @@ const AvailabilitySettings: React.FC<AvailabilitySettingsProps> = ({
       <div className="row mb-3">
         <div className="col-md-6">
           <label htmlFor="generalAvailableAfter" className="form-label">
-            Available After *
+            Available After
           </label>
           <select
             className="form-select"
@@ -69,7 +69,6 @@ const AvailabilitySettings: React.FC<AvailabilitySettingsProps> = ({
             value={data.generalAvailableAfter}
             onChange={handleGeneralChange}
             disabled={data.specifyTimesPerDay}
-            required
           >
             {generateTimeOptions().map((option) => (
               <option key={option.value} value={option.value}>
@@ -80,7 +79,7 @@ const AvailabilitySettings: React.FC<AvailabilitySettingsProps> = ({
         </div>
         <div className="col-md-6">
           <label htmlFor="generalAvailableBefore" className="form-label">
-            Available Before *
+            Available Before
           </label>
           <select
             className="form-select"
@@ -89,7 +88,6 @@ const AvailabilitySettings: React.FC<AvailabilitySettingsProps> = ({
             value={data.generalAvailableBefore}
             onChange={handleGeneralChange}
             disabled={data.specifyTimesPerDay}
-            required
           >
             {generateTimeOptions().map((option) => (
               <option key={option.value} value={option.value}>

frontend/src/components/FeedbackButton.tsx

@@ -24,7 +24,7 @@ const FeedbackButton: React.FC = () => {
           top: 50%;
           transform: translateY(-50%);
           z-index: 1000;
-          background-color: #0d6efd;
+          background-color: #14B8A6;
           color: white;
           border: none;
           border-radius: 8px 0 0 8px;
@@ -40,13 +40,13 @@ const FeedbackButton: React.FC = () => {
         }
 
         .feedback-tab:hover {
-          background-color: #0b5ed7;
+          background-color: #0d9488;
           padding-right: 14px;
           box-shadow: -4px 0 12px rgba(0, 0, 0, 0.2);
         }
 
         .feedback-tab:active {
-          background-color: #0a58ca;
+          background-color: #0f766e;
         }
 
         .feedback-tab-text {

frontend/src/components/ImageUpload.tsx

@@ -23,7 +23,7 @@ const ImageUpload: React.FC<ImageUploadProps> = ({
       <div className="card-body">
         <div className="mb-3">
           <label className="form-label mb-0">
-            Upload Images (Max {maxImages})
+            Upload Images (Max {maxImages}) *
           </label>
           <div className="form-text mb-2">
             Have pictures of everything that's included
@@ -50,7 +50,7 @@ const ImageUpload: React.FC<ImageUploadProps> = ({
                     style={{
                       width: "100%",
                       height: "150px",
-                      objectFit: "cover",
+                      objectFit: "contain",
                     }}
                   />
                   <button

frontend/src/components/PricingForm.tsx

@@ -67,13 +67,11 @@ const PricingForm: React.FC<PricingFormProps> = ({
             "Set multiple pricing tiers for flexible rental rates."
           ) : (
             <>
-              Set your pricing rate. You can use Advanced Pricing for multiple
-              pricing tiers. Community Rentals charges a 10% Community Upkeep
-              Fee to help keep us running.{" "}
+              Community Rentals charges a 10% Community Upkeep Fee to help keep
+              us running.{" "}
               <Link to="/faq" target="_blank">
-                Calculate what you can earn here.
+                Calculate what you can earn here
               </Link>
-              .
             </>
           )}
         </p>